Как работает значение размера шрифта em?

Question

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

В основном содержимом размер em большой. Если я скопирую этот размер em на боковую панель, текст станет больше.

Im с использованием html/body размером 17px. Тогда 1.412em, чтобы получить размер, который я бы хотел. Чтобы увидеть живую ссылку на боковую панель шрифта больше, перейдите к этому link. Если вы посмотрите на канал Twitter на правой боковой панели, вы увидите, что он использует те же символы, но вы смотрите его намного больше.

Answer 1

Использование em в качестве значения измерения просто не будет зависеть, но соответственно увеличивается.

Вот пример:

<div> 
    <p> 
    <span>foo bar</span> 
    </p> 
</div> 

---

body{ 
    font-size: 1em; 
} 
div{ 
    font-size: 1.5em;/*1.5em of 1em == 1.5em*/ 
} 
div > p{ 
    font-size: 1.5em;/*1.5em of 1.5em inherited from div == 2.25em*/ 
} 
div > p > span{ 
    font-size: 1.5em; /*1.5em of 2.25em inherited from p == 3.375em*/ 
} 

Таким образом, я бы рекомендовал вам использовать в качестве точек измерения значения.

---

Используйте Эмс, чтобы сделать только масштабируемые таблицы стилей.

---

Если вы хотите узнать больше о px, em и %, пожалуйста, следуйте этим link и это link

Answer 2

Не используйте em для font-size, это просто единственное место, где вы должны never использовать.

1em - размер m в текущем стандартном шрифте. Вы можете использовать это для установки paddings/margin, например, между абзацами или вокруг текстовых блоков, которые должны масштабироваться в соответствии с размером шрифта, чтобы обслуживать людей, использующих пользовательские настройки на уровне OS/браузера, или просто как простой способ сохранить «хорошее» расстояние, не беспокоясь о точном пикселе.

Масштабирование шрифта до относительного размера до m текущего стандартного шрифта не имеет никакого смысла, unless you want to achieve this effect. Если вы захотите, было бы логичнее указать font-size:110% для одного элемента или блока. Как правило, используйте pt или px, чтобы указать размер шрифта.