2010-08-09 2 views
18

Я все еще не понимаю, что означает размер в em?
Я работал px, pt в CSS.
Что означают 0,8, 1,0 и 1,2 em?
Я видел высоту в CSS как: высота: 0.8м; или высота: 1.2em;
Как это рассчитывается?Что такое высота в em?

+3

В капельной EMS, вы можете измерять расстояния в епзе и EXS. –

+1

Вопрос «em vs px»: http://stackoverflow.com/questions/609517/why-em-instead-of-px –

ответ

26

Смысл «em» изменился с годами. Не все шрифты имеют в них букву «М» (например, китайский), но все шрифты имеют высоту. Таким образом, этот термин означает высоту шрифта, а не ширину буквы «M."

Давайте посмотрим на простом примере, где мы используем блок эм, чтобы установить размер шрифта:

<html> 
    <style> 
    h1 { font-size: 2em } 
    </style> 
    <body> 
    <h1>Movies</h1> 
    </body> 
</html> 

Когда используется для указания размера шрифта, блок эм относится к размеру шрифта родительский элемент. Таким образом, в предыдущем Например, размер шрифта h1 элемента устанавливается в два раза размер body элемента шрифта . для того, чтобы найти то, что размер шрифта h1 элемента будет be, нам нужно знать размер шрифта body. Так как это не указано в таблице стилей, браузер должен найти это откуда-то еще - хорошее место посмотреть в настройках пользователя. Итак, если пользователь устанавливает обычный шрифт размером до 10 баллов, размер элемента h1 составляет 20 баллов. Это приводит к тому, что заголовки документов выделяются относительными . Поэтому: Всегда используйте ems для установки размеров шрифта!

More Info

+1

удивительное объяснение :) +1 –

2

Ем является шириной буквы «м» (в вашем текущем шрифте и размере).

+1

Это на самом деле не так, это городской миф :-) Некоторые шрифты даже не _have_ an "m" и даже те, которые имеют ширину их m иногда меньше, чем em: http://en.wikipedia.org/wiki/Em_%28typography%29 – paxdiablo

+1

Это не городской миф, это просто устаревшее использование этого термина. http://www.adobe.com/uk/type/topics/glossary.html#ememspaceemquad – dreamlax

17

1em является равна к размеру текущего шрифта.

2em означает в 2 раза размер текущего шрифта.

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

Вот ссылки на другие единицы CSS:

http://www.w3schools.com/cssref/css_units.asp

3

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

more here

2

Павел является правильным, однако его "M" не "м". Однако это эзотерическое определение, полученное из набора/печати и в этом случае не очень полезно. С точки зрения того, что будет полезно для вас, вы получаете процент от размера шрифта.

+1

Нет, он действительно не является :-) – paxdiablo

+0

Ну, я собирался прояснить с помощью neraly точно так, как говорится в статье Wiki вы связаны с таким: -P – prodigitalson

2

Em является величиной символа. Это зависит от размера шрифта. Если размер шрифта равен 24, то 2Em будет равен пространству, которое должно занимать, чтобы удерживать два символа размера шрифта 24.

Как указано в wiki.

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

FYI: En составляет половину Em. 0,5Em

Смежные вопросы