максимальная ширина с использованием em

Может кто-нибудь объяснить, как единица измерения em работает со свойством css max-width? При разрешении моего экрана 1920 x 1080 я обнаружил, что установка максимальной ширины на 140 em эквивалентна максимальной ширине 100%.


person daveywc    schedule 29.02.2012    source источник
comment
Вы уверены, что это на самом деле ширина вашего монитора, или это просто отсечение, потому что вы устанавливаете максимальную ширину, а не реальную ширину?   -  person cwharris    schedule 01.03.2012
comment
Вам, вероятно, нужно сначала понять саму единицу em.   -  person BoltClock    schedule 01.03.2012
comment
удивительная единица em - w3.org/WAI/GL/css2em.htm   -  person Matt K    schedule 01.03.2012


Ответы (2)


Эм - это просто еще один юнит. Это зависит от размера шрифта. Текущий размер шрифта (например, 14px) = 1em. 2em удваивает размер шрифта (28 пикселей).

Посмотрите на разрешение вашего экрана: 1920/140 = 13,714285714 — похоже, ваш текущий размер шрифта составляет 14 пикселей. Поэтому настройка max-width:140em такая же, как max-width:1920px или max-width:100% - в вашем конкретном случае.

person Sebastian vom Meer    schedule 29.02.2012

Этот сайт, http://pxtoem.com, выполняет конверсию и имеет таблицу каждого размера.

person Tarik    schedule 01.03.2012