Что делает размер шрифта: больше для шрифта 1em? - PullRequest
3 голосов
/ 14 октября 2010

Я обновляю веб-сайт, который имеет много разделов со свойством CSS font-size:larger.

Я хотел бы заменить это, чтобы вместо него использовались EM, потому что это более явноразмер будет.

Если к шрифту 1em применяется font-size:larger, сколько EM будет новым шрифтом?Что-то вроде 1.2em?

Ответы [ 3 ]

4 голосов
/ 14 октября 2010

Как уже упоминалось в W3C CSS2 шрифтах документ:

<relative-size>
A <relative-size> keyword is interpreted relative to the table of font sizes
and the font size of the parent element. Possible values are: [ larger | smaller ].
For example, if the parent element has a font size of 'medium', a value of 'larger'
will make the font size of the current element be 'large'. If the parent element's
size is not close to a table entry, the UA is free to interpolate between table
entries or round off to the closest one. The UA may have to extrapolate table values
if the numerical value goes beyond the keywords.

И ниже этого говорит:

Note 2. In CSS1, the suggested scaling factor between adjacent indexes was 1.5, which
user experience proved to be too large. In CSS2, the suggested scaling factor for a
computer screen between adjacent indexes was 1.2, which still created issues for the
small sizes. Implementation experience has demonstrated that a fixed ratio between
adjacent absolute-size keywords is problematic, and this specification does not
recommend such a fixed ratio.

Надеюсь, это ответит на ваш вопрос.

1 голос
/ 14 октября 2010

Согласно SitePoint Reference , ваше предположение совершенно верно.Большинство браузеров увеличивают размер шрифта в 1.2em раза, но не существует стандарта, в котором они это делают.

Рекомендация W3C заключается в том, что вы используете em или% для определения размера, поскольку размеры элементовна странице будут относительно друг друга, и не полагаться на произвольное соглашение, которое не может использоваться в некоторых менее распространенных браузерах.

0 голосов
/ 14 октября 2010

font-size:larger приведет к тому, что размер шрифта выбранного элемента будет больше, чем у его родительского контейнера. Стандартный размер шрифта CSS средний. Фактическое значение px или em зависит от клиента / браузера. Обычно это 1em, а обычное преобразование - 1em = 16px.

...