В CSS em
- относительная единица, основанная на размере шрифта документа. Итак, что же такое em
, если размер шрифта документа сам измеряется в ems? Предположим, мы говорим:Что такое «em», если размер шрифта документа указан в ems?
<style type = "text/css">
body
{
font-size: 1em;
}
</style>
это так, em
теперь рекурсивно. Итак, как это обрабатывается браузером?
W3C docs говорят:
«ет» единица равна расчетному значению «размера шрифта» свойство элемента, на котором она используется. Исключение составляет то, когда «em» встречается в значении самого свойства «font-size», в котором случай относится к размеру шрифта родительского элемента. Для вертикального или горизонтального измерения может использоваться . (Это устройство также иногда называют квадро ширины в типографских текстов.)
Но что, если элемент document.body
, поэтому нет родительского элемента?
'em' основан на' шрифта size' данного элемента, или если он установлен на 'шрифта size', то это относительно его родителя. Если вам нужна единица, относящаяся к «font-size» корня документа, это будет «rem». – BoltClock