CSS: % + em

Внимание

Информация в этой заметке устарела. Современные браузеры работают с размером шрифта вполне единообразно.

Следующее простое CSS-правило:

HTML {font-size: 100.1%; }

решает сразу две проблемы:

• слишком крупный шаг масштабирования шрифта средствами браузера при использовании только единиц em;
• различный размер шрифта при просмотре одной и той же страницы в разных браузерах при настройках по умолчанию.

После добавления этого правила можно использовать единицы em сколько влезет.

Комментарии | добавить

Внимание

Эта заметка перенесена из старого блога, где к ней есть комментарии, на данной странице не отражённые.

romy4 2008-03-30

вопросец: а не будет ли это камнем предкновения, так как браузер будет перемасштабировать шрифт всякий раз?

MT (автор) 2008-04-14

romy4: Не вполне ясен вопрос. Какой всякий раз?

Tane4ka 2009-05-16

а em это сколько px?

MT (автор) 2009-05-16

При размере шрифта по умолчанию 1 em эквивалентен 16-ти пикселам.

Tane4ka 2009-05-16

спасибо)

slavonbl 2010-04-28

А по моему достаточно
HTML {font-size: 100%; }
без точки.

vika 2011-01-18

Спасибо Мнe помогло
html {font-size: 100%;}