Проблемы с "font-size: 100%" - PullRequest
Новая
       13

Проблемы с "font-size: 100%"

0 голосов
/ 15 ноября 2010

Я новичок в css, поэтому извините, если это глупый вопрос.

Я делал сайт и использовал это: 

body {
  font-size: 80%;
}

Позже, на самом деле сегодня, я попытался применить CSS-сброс EricMeyer к моей странице выше декларации 80%, но это вызывает всевозможные проблемы с размером шрифта.

Я не думал, что это будет проблемой, потому что я думал, что размер шрифта 100% не изменит шрифт, это будет просто «использовать шрифт вашего родителя», но это не так.

Что на самом деле делает это 100% -ное объявление размера шрифта? Почему он применяется к каждому элементу сброса (т. Е. Html, body, div, span, a, b, i, font и т.д. {font-size}, а не только к телу {font-size}, которое я использовал, что казалось наследуется нормально)?

Прежде чем я "просто уберу 100%", я хотел бы знать, что он на самом деле делает. Что на самом деле означает 100%, и почему мистер Мейер применяет его к группе элементов, а не просто к телу, как я делал?

Ответы [ 2 ]

1 голос
/ 15 ноября 2010

Работает ли font-size: 0.8em;?Так как 1em - это «размер символа», 0.8em должен дать вам то, что вы хотите.

0 голосов
/ 15 ноября 2010

Проблема для вас в том, что Мейер устанавливает больше и только элемент тела на 100%. 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

Быстрое решение проблемы - изменить Мейерс font-size: 100%; на font-size: 80%;

Размер шрифта: 100%;просто используется для сброса стиля, чтобы он был похож во всех браузерах, я думаю, что IE6 имеет некоторые проблемы с этим.

...