Как рассчитывается их?

Question

Я заметил, что вы можете использовать 1em, и он будет выглядеть по-разному на разных сайтах.

Что такое em в пропорции?

• Используемый шрифт?
• Самый большой размер шрифта?
• Ширина / высота страницы?

Answer 1

См. http://w3schools.com/cssref/css_units.asp

1em равно текущему размеру шрифта. 2em означает в 2 раза больше текущий шрифт. Например, если элемент отображается шрифтом 12 pt, тогда '2em' равно 24 пт. 'Em' - очень полезная единица в CSS, так как он может автоматически адаптироваться к шрифту, который использует читатель

EM относится к элементу current , для которого он определен. Если вы используете относительные размеры (например, 0.9em), они умножаются и могут привести к неожиданным размерам.

Теперь по умолчанию размер шрифта не стандартный между браузерами. И есть проблема с IE (по крайней мере, более старый IE) при установке шрифта на определенную единицу пикселя. Хороший обзор размеров шрифта можно найти в A List Apart .

Answer 2

Согласно W3C, em:

"равно вычисленному значению свойства 'font-size' элемента, для которого он используется. Исключением является случай, когда в em встречается 'em'значение самого свойства font-size, в этом случае оно ссылается на размер шрифта родительского элемента. "

Другими словами, ems не имеют абсолютного размера.Они принимают значения своих размеров в зависимости от того, где они находятся.Для большинства веб-дизайнеров это означает, что они находятся в веб-браузере, поэтому шрифт высотой 1em в точности соответствует размеру шрифта по умолчанию для этого браузера.

Для большинства браузеров значение по умолчанию 1em =16px

Answer 3

em определяется как высота заглавной буквы "M" в текущем шрифте и размере.

https://web.archive.org/web/20131127083352/http://www.guistuff.com/css/css_units.html