Я заметил, что вы можете использовать 1em, и он будет выглядеть по-разному на разных сайтах.Как рассчитывается em?
Что такое em пропорционально?
- Используемый шрифт?
- Самый большой размер шрифта?
- Ширина страницы/высота?
Я заметил, что вы можете использовать 1em, и он будет выглядеть по-разному на разных сайтах.Как рассчитывается em?
Что такое em пропорционально?
См http://w3schools.com/cssref/css_units.asp
1em равен текущему размеру шрифта. 2em означает в 2 раза размер текущего шрифта. Например, если элемент отображается с шрифтом 12 pt, то «2em» составляет 24 pt. «Их» очень полезная единица измерения в CSS, поскольку он может автоматически адаптироваться к шрифту, который использует считыватель
ЕМ является относительно элемента тока он определен на. Если вы используете относительные размеры (например, 0.9em
), они размножаются и могут привести к неожиданным размерам.
Теперь размер шрифта по умолчанию не стандарт между браузерами. И есть проблема с IE (по крайней мере, более старым IE) при установке шрифта на определенный пиксельный блок. A good overview for font sizing can be found on A List Apart.
Ем определяется как высота прописной буквы «М» в текущем шрифте и размере.
https://web.archive.org/web/20131127083352/http://www.guistuff.com/css/css_units.html
- ссылка кажется не в сети - вот почему суть связанного товара должна быть включена в сам ответ. –
@AndreasNiedermair: Спасибо, что указали это! Я заменил его архивированной копией. Обратите внимание, что мой ответ уже включает в себя суть связанной статьи по отношению к исходному вопросу, заданной апеллятором. – a3nm
В соответствии с W3C ЭМ:.
«равно вычисленному значению свойства„размер шрифта“элемента, на котором он используется Исключением является, когда«эм 'встречается в значении самого свойства font-size, и в этом случае это относится к размеру шрифта родительского элемента. "
Иными словами, ems не имеют абсолютного размера. Они берут свои значения размера в зависимости от того, где они находятся. Для большинства веб-дизайнеров это означает, что они находятся в веб-браузере, поэтому шрифт высотой 1 м точно такой же, как размер шрифта по умолчанию для этого браузера.
Для большинства браузеров, значение по умолчанию 1em = 16px
Если вы хотите использовать относительные размеры, но, но более консистенция, попробуйте использовать 'rem' вместо этого, который относится к размеру шрифта по умолчанию на' html' элемента: https://www.sitepoint.com/understanding-and-using-rem-units-in-css/ – Avishai