В чем состоит элемент «em» в таблицах стилей. CSS

Question

ет регулировать размер в зависимости от размера экрана,

да, но спутать

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

Answer 1

1em равен текущему размеру шрифта. 2em означает в 2 раза размер текущего шрифта. Например, если элемент отображается с шрифтом 12 pt, то «2em» равен 24 pt. «Их» очень полезная единица измерения в CSS, поскольку он может автоматически адаптироваться к шрифту, что читатель использует

Цитата из w3schools

Answer 2

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

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

Answer 3

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

Answer 4

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

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

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

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

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

Для компьютеров эм был никогда ширина/высота буквы «М».

Answer 5

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

Таким образом изобразите < сильный > внутри < р > так:

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

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

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

В отличие от первых впечатлений, слово бар будет не больше, чем слово foo; слова будут одинакового размера - размер шрифта внутри сильного тега установлен на 1.0 em относительно 0.8 em, или 0.8 em.

По тем же правилам лексем, как так:

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

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