Всегда ли CSS ems представляет размер шрифта?

Question

Насколько я знаю, ключевое слово em в CSS означает текущий размер шрифта.

Таким образом, если вы установите 1,2 em, это означает 120% высоты шрифта.

Не похоже, что em используется для установки ширины div и т. Д., Как в YUI grid:

margin-right:24.0769em;*margin-right:23.62em;

Каждый раз, когда я читаю о них, я забываю, что это на самом деле представляет.

Я надеюсь, что кто-то сможет мне это объяснить, так что он воткнется мне в голову, хи.

Answer 1

Исторически это ширина "M" в шрифте. Отсюда и название! В CSS2.1 определено так же, как размер шрифта.

Во многих случаях кажется более естественным использовать em, а не точки или пиксели, потому что это зависит от размера шрифта. Например, вы можете определить текстовый столбец шириной 40em. Если позднее вы решите изменить размер шрифта, столбец будет содержать то же количество букв в строке.

Answer 2

Традиционно em - это ширина верхнего регистра M. На практике же em - это размер точки шрифта.

em dash против en dash .

Answer 3

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

Answer 4

Размер em пропорционален содержащему его элементу.

Например:

<!-- Browser default size (usually 16px) -->
<div style="font-size: 1.00em;">
    <!-- 150 % of the container's size: 16 + (16/2) = 24 -->
    <div style="font-size: 1.50em;">

Этот редактор помнит обо мне (о том, как он работает).

Answer 5

Эта статья очень полезна, если вы используете размеры, указанные в EMS: Как изменить размер текста с помощью EMS

Answer 6

Они пересчитывают точные значения пикселей до em, чтобы сделать их масштабируемыми.

См., Например, онлайн калькулятор .