В чем разница между px, em и ex?

Ответ 1

• Пиксели (px) зависят от браузера. Это абсолютный размер, который вы увидите на экране.
• Em являются своего рода процентами. Em относится к размеру базового текста. Значение 1 em означает то же, что и значение 100 percent. Но вы также можете сказать это обратным образом: процентное значение - это просто Em, умноженное на 100.
• Точки (pt) - это то, что вы хотели бы использовать на печатных носителях.

Ответ 2

em: font-size соответствующего шрифта
ex: x-height соответствующего шрифта
px: пиксели относительно устройства просмотра

Ответ 3

какая разница px, em и ex?

http://www.w3.org/TR/CSS21/syndata.html#length-units описывает те и другие единицы длины, доступные в CSS

Amd, когда вы определяете размер шрифта в css, я использую px, pt или em?

Как правило, используйте проценты на экране и pt для печати. ​​

Ответ 4

Единицы длины CSS:

• Абсолютный: дюймы (в), сантиметр ( см), милиметр ( мм), точки ( pt), picas ( pc)

Точки - это стандартные типографские измерения, которые использовались принтерами и наборами наборов в течение десятилетий и программами обработки текстов на протяжении многих лет. Традиционно существует 72 точки на дюйм (точки были определены до широкого использования метрической системы). Поэтому заглавные буквы текста, установленные до 12 баллов, должны составлять одну шестую дюйма дюйма. Например, p {font-size: 18pt;} эквивалентно p {font-size: 0.25in;}.

Picas - еще один типографский термин. Пика эквивалентна 12 баллам, а это значит, что есть 6 пиков до дюйма. Как только что показано, заглавные буквы текста, установленные на 1 пику, должны быть на одну шестую дюйма дюйма. Например, p {font-size: 1.5pc;} будет устанавливать текст того же размера, что и примеры объявлений, найденных в определении точек.

Эти устройства действительно полезны, только если браузер знает все детали монитора, на котором отображается ваша страница, принтер, который вы используете, или любой другой пользовательский агент. В веб-браузере на экран влияет размер монитора и разрешение, на которое установлен монитор, и не так много, что вы, как автор, можете сделать об этих факторах. Абсолютные единицы намного полезнее при определении таблиц стилей для печатных документов, где обычное измерение размеров в дюймах, точках и пиках. Как вы видели, попытка использовать абсолютные измерения в веб-дизайне в лучшем случае опасна.

• Относительный: em (em-height), ex (e-height), px. Первые два означают и "x-height", которые являются общими типографскими измерениями; однако в CSS они имеют значения, которых вы не ожидаете, если вы знакомы с типографикой.

em: значение "em" определяется как значение размер шрифта для заданного шрифта. Если размер шрифта элемента равен 14 пикселям, то для этого элемента 1em равно 14 пикселям.

ex: относится к высоте нижнего регистра x в используемом шрифте. Поэтому, если у вас есть два абзаца, в которых текст имеет размер 24 точки, но каждый абзац использует другой шрифт, тогда значение ex может отличаться для каждого абзаца. Это связано с тем, что разные шрифты имеют разную высоту для x

px: крошечные ящики цвета на мониторе - это пиксели. В целом, если вы объявите что-то вроде font-size: 18px, веб-браузер почти наверняка будет использовать фактические пиксели на вашем мониторе, они уже есть, но с другими устройствами отображения, такими как принтеры, пользовательский агент должен будет масштабировать пиксельные длины до более разумного. Другими словами, код печати должен определить количество точек в пикселе, и для этого он может использовать опорный пиксель 96ppi.

Conclution

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

Rrefrence: css определенный guid by eric meyer

Ответ 5

em: em - это масштабируемая единица, которая используется в носителях веб-документов. Значение em равно текущему размеру шрифта, например, если размер шрифта документа 12pt, 1em равен 12pt.

px. Пиксели представляют собой единицы фиксированного размера, которые используются в экранном носителе (то есть для чтения на экране компьютера). Один пиксель равен одной точке на экране компьютера (наименьшее разделение вашего разрешения экрана).

pt. Точки традиционно используются в печатных носителях (все, что должно быть напечатано на бумаге и т.д.). Одна точка равна 1/72 дюйма. Точки очень похожи на пиксели, поскольку они фиксированные и не могут масштабироваться.