Я все еще не понимаю, что означает размер в em?
Я работал px, pt в CSS.
Что означают 0,8, 1,0 и 1,2 em?
Я видел высоту в CSS как: высота: 0.8м; или высота: 1.2em;
Как это рассчитывается?Что такое высота в em?
ответ
Смысл «em» изменился с годами. Не все шрифты имеют в них букву «М» (например, китайский), но все шрифты имеют высоту. Таким образом, этот термин означает высоту шрифта, а не ширину буквы «M."
Давайте посмотрим на простом примере, где мы используем блок эм, чтобы установить размер шрифта:
<html>
<style>
h1 { font-size: 2em }
</style>
<body>
<h1>Movies</h1>
</body>
</html>
Когда используется для указания размера шрифта, блок эм относится к размеру шрифта родительский элемент. Таким образом, в предыдущем Например, размер шрифта
h1
элемента устанавливается в два раза размерbody
элемента шрифта . для того, чтобы найти то, что размер шрифтаh1
элемента будет be, нам нужно знать размер шрифтаbody
. Так как это не указано в таблице стилей, браузер должен найти это откуда-то еще - хорошее место посмотреть в настройках пользователя. Итак, если пользователь устанавливает обычный шрифт размером до 10 баллов, размер элементаh1
составляет 20 баллов. Это приводит к тому, что заголовки документов выделяются относительными . Поэтому: Всегда используйте ems для установки размеров шрифта!
удивительное объяснение :) +1 –
Ем является шириной буквы «м» (в вашем текущем шрифте и размере).
Это на самом деле не так, это городской миф :-) Некоторые шрифты даже не _have_ an "m" и даже те, которые имеют ширину их m иногда меньше, чем em: http://en.wikipedia.org/wiki/Em_%28typography%29 – paxdiablo
Это не городской миф, это просто устаревшее использование этого термина. http://www.adobe.com/uk/type/topics/glossary.html#ememspaceemquad – dreamlax
1em является равна к размеру текущего шрифта.
2em означает в 2 раза размер текущего шрифта.
Например, если элемент отображается с шрифтом 12 pt, то «2em» равен 24 pt. «Их» очень полезная единица измерения в CSS, поскольку он может автоматически адаптироваться к шрифту, что читатель использует
Вот ссылки на другие единицы CSS:
1em равно текущий размер шрифта. 2em означает в 2 раза размер текущего шрифта. Например, если элемент отображается с шрифтом 12 pt, то «2em» равен 24 pt. «Em» - очень полезная единица в CSS, поскольку она может автоматически адаптироваться к шрифту, который использует читатель.
Павел является правильным, однако его "M" не "м". Однако это эзотерическое определение, полученное из набора/печати и в этом случае не очень полезно. С точки зрения того, что будет полезно для вас, вы получаете процент от размера шрифта.
Нет, он действительно не является :-) – paxdiablo
Ну, я собирался прояснить с помощью neraly точно так, как говорится в статье Wiki вы связаны с таким: -P – prodigitalson
Em является величиной символа. Это зависит от размера шрифта. Если размер шрифта равен 24, то 2Em будет равен пространству, которое должно занимать, чтобы удерживать два символа размера шрифта 24.
Как указано в wiki.
Эм является единицей измерения в поле типографии типографии . Этот блок определяет долю ширины букв и высоту относительно размера точки текущего шрифта.
FYI: En составляет половину Em. 0,5Em
- 1. Что такое линия-высота: 1?
- 2. Что такое линия-высота в css?
- 3. Что такое высота UINavigatioBar в новых устройствах?
- 4. Что такое «em», если размер шрифта документа указан в ems?
- 5. Что такое "текущий размер шрифта" в определении em?
- 6. Что такое высота modalPresentationStyle - FormSheet на iPad?
- 7. Что такое высота текста GetTextExtentPoint возвращается?
- 8. Как рассчитывается em?
- 9. Что такое максимальная высота и вид на андроид?
- 10. Что такое «высота: авто» трюк для разворачивания div вниз
- 11. Высота установки CSS как%, а не em приводит к тому, что элементы div исчезают
- 12. В WEKA, почему в EM Algorithm есть numKmeansRuns? Что делает K-средство для EM?
- 13. Что такое ширина устройства?
- 14. Что такое $ height в Flex 3.x?
- 15. Волокно внутри EM: Соединение (em-synchrony)
- 16. Что такое плотность краев?
- 17. Конвертировать миллиметр в em
- 18. WPF analogy для 'em' unit
- 19. Что такое трансформация и что такое Transform?
- 20. Что такое "?" делать? Что такое __FILE__?
- 21. Что такое скрипка и что такое DL?
- 22. Что такое PHPCI - что такое сборка?
- 23. Что такое Dim, что такое Факт?
- 24. Что такое структура разработки? Что такое IDE?
- 25. Что такое поток? Что такое `initialize`?
- 26. Что такое 'height: 0;' означает в CSS?
- 27. Что такое UISegmentedControl размер изображения
- 28. Что такое '.' в Windows?
- 29. Что такое ":" в PHP?
- 30. Что такое @ $ в perl?
В капельной EMS, вы можете измерять расстояния в епзе и EXS. –
Вопрос «em vs px»: http://stackoverflow.com/questions/609517/why-em-instead-of-px –