Почему их вместо px?

Question

Я слышал, вы должны определять размеры и расстояния в вашей таблице стилей с помощью em, а не в пикселях. Поэтому вопрос заключается в том, почему я должен использовать em вместо px при определении стилей в CSS? Есть хороший пример, который иллюстрирует это?

Answer 1

Основная причина использования em или процентов состоит в том, чтобы позволить пользователю изменять размер текста, не нарушая дизайн. Если вы разрабатываете шрифты, указанные в px, они не меняют размер (в IE 6 и других), если пользователь выбирает размер текста - больше . Это очень плохо для пользователей с визуальными недостатками.

Несколько примеров и статей о подобных конструкциях (есть множество вариантов выбора) см. В последнем выпуске A List Apart: Fluid Grids , старая статья Как выбрать размер Текст в CSS или Пуленепробиваемый веб-дизайн Дэна Седерхольма .

Ваши изображения должны по-прежнему отображаться с размерами в пикселях, но, как правило, не рекомендуется использовать размер текста в пикселях.

Насколько я лично презираю IE6, в настоящее время это браузер only , одобренный для большинства пользователей нашей компании из списка Fortune 200.

Answer 2

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

Это забавно, я всегда использовал pt для определения размера шрифта, и я предположил, что все сайты использовали это. Обычно вы не используете размеры px в других приложениях (например, Word). Я думаю, это потому, что они предназначены для печати - но в веб-браузере размер такой же, как в Word ...

Answer 3

Возможно, вы захотите использовать em для размеров шрифта, пока IE6 не исчезнет (с вашего сайта). Px будет в порядке, когда масштабирование страницы (в отличие от масштабирования текста) станет стандартным поведением.

Traingamer уже предоставил необходимые ссылки .