Значение константы конверсии EX-EM [дубликат]
Также, если вы используете сторонние библиотеки, убедитесь, что у вас есть правильные 32/64 битные файлы
5 ответов
Это полезно, когда вы хотите что-то изменить в зависимости от высоты строчных букв вашего текста. Например, представьте себе работу над такой конструкцией:
[/g0]
В типографическом измерении дизайна высота букв имеет важные пространственные отношения с остальными элементов. Строки в исходном изображении, приведенном выше, предназначены для указания высоты x текста, но они также показывают, где будут ориентиры, если они будут разрабатываться вокруг этого текста.
Как отметил Джонатан в комментариях, ex - это просто версия высоты em (ширина).
-
1– Jonathan Fingland 28 May 2009 в 01:32
-
2– Rex M 28 May 2009 в 04:30
-
3– benrifkah 5 October 2011 в 20:00
-
4– natevw 3 April 2013 в 19:40
-
5– Rory O'Kane 11 September 2013 в 21:27
Значение , имеющее его в спецификации CSS, , если это то, что вы действительно задаете, точно такое же, как значение наличия em-единицы.
It позволяет установить шрифты в relative .
Вы не знаете, какой размер моего базового шрифта. Итак, одна хорошая стратегия для веб-дизайна - установить размеры шрифта, которые являются относительными, а не абсолютными; эквивалент «удвойте свой нормальный размер» или «немного меньше обычного», а не фиксированный размер, например «десять пикселей».
-
1– Joel 28 May 2009 в 04:12
-
2– ANeves 19 November 2012 в 19:29
-
3– Basil Bourque 9 November 2014 в 07:55
-
4– Basil Bourque 9 November 2014 в 08:01
Чтобы ответить на вопрос, используйте один из них с надстрочным индексом и индексом. Пример:
sup {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
bottom: 1ex;
}
-
1– duskwuff 14 September 2014 в 02:29
-
2
-
3– Basil Bourque 9 November 2014 в 07:57
Еще одна вещь, которую следует учитывать здесь, - это то, как ваша страница масштабируется, когда пользователь поднимает или уменьшает размер шрифта (возможно, используя ctrl + колесо мыши (окна)).
Я использовал em с .. padding- left: 2 em; padding-right: 2 em;
и ex с padding-bottom: 2 ex; padding-top: 2 ex;
Таким образом, используя вертикальную единицу измерения для свойства вертикального масштабирования и горизонтальную единицу измерения для свойства горизонтального масштабирования.
-
1– JacquesB 9 May 2015 в 13:02
Обратите внимание, что такие термины, как «одиночное / двойное межстрочное расстояние», фактически означают смещение между двумя смежными линиями, измеренное em. Таким образом, «двойное межстрочное расстояние» означает, что каждая строка имеет высоту 2 em.
Поэтому, если вы хотите указать вертикальное расстояние, пропорциональное «линиям», используйте em. Используйте только ex, если хотите фактическую высоту строчной буквы, которая, я полагаю, намного реже.