От чего зависит единица «em» в таблицах стилей.CSS

Question

em настроить размер в соответствии с размером экрана,

да, но в замешательстве

• зависит ли их от настроек браузера?какие настройки?
• или em зависит от разрешения экрана?
• или помогите, от чего это зависит и откуда можно изменять эти элементы, чтобы наблюдать разницу в размерах при использовании «em»

Answer 1

При кодировании CSS следует помнить о том, что em как единица размера является кумулятивно относительной и после определения базового размера шрифта обрабатывается примерно как проценты.

Таким образом, рисунок a внутри примерно так:

<p>foo <strong>bar</strong></p>

со следующими правилами:

p {font-size:0.8em;}
strong {font-size:1.0em;}

Вопреки первому впечатлению, слово bar будет не быть больше слова foo ;слова будут одинакового размера - размер шрифта внутри сильного тега установлен на 1,0 эм относительно 0,8 эм или 0,8 эм.

к тому жеправила для токенов:

p {font-size:0.8em;}
strong {font-size:0.8em;}

Не приведет к тому, что foo и bar будут иметь одинаковый размер; foo будет 0,8em относительно размера шрифта его контейнера, в то время как bar будет 0,8em относительно размера шрифта его контейнера, или ~ 0,64em относительно контейнера foo.

Answer 2

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

Цитата из w3schools

Answer 3

или, точнее, em - это высота / ширина в пикселях символа «M» в текущем семействе шрифтов / размере шрифта. если это не моноширинный шрифт, знак "|" и буква «М» обозначает разную ширину в пикселях ...

Answer 4

Как указано для w3schools, em - это «текущий размер шрифта», и везде, где вы видите их, его можно заменить по значению словами «текущий размер шрифта».

размер шрифта составляет 20 пикселей, а 1 em - 20 пикселей.(текущий размер шрифта составляет 20 пикселей).
размер шрифта устанавливается равным 0,7 em, затем размер шрифта изменяется на 14 пикселей.(0,7 x текущий размер шрифта = 14px) и один em теперь 14px.

Если размер шрифта браузера по умолчанию составляет 16px, а размер шрифта не задан, то:
текущий размер шрифта = размер шрифта по умолчанию = 16px = 1em.

Если размер шрифта браузера по умолчанию установлен, скажем, 30px, то:
текущий размер шрифта = размер шрифта по умолчанию = 30px = 1em

Экран dpi существует для перевода длины, указанной в дюймах, вв пикселях, поэтому, когда размер шрифта указан в точках .
размер шрифта в пикселях = [(размер шрифта в точках) / 72] x экран dpi
В этом смысле их размер зависит от разрешения экрана, т.е.dpi экрана устанавливается через панель управления.
http://www.emdpi.com/screendpi.html

Для компьютеров значение em было , никогда ширина / высота буквы "M".

Answer 5

em относится к текущему размеру шрифта - как установлено css для родительских элементов. Исторически em принималось за ширину буквы M. Однако, поскольку теперь не все шрифты включают M, это не может быть гарантировано!

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