Лучший блок для размеров шрифта в CSS

Question

Каковы преимущества и недостатки каждого? em, px, % и pt?

Мой текущий выбор - проценты, единственная причина в том, что я могу глобально изменить размер шрифта всех элементов, просто изменив размер шрифта в корневом элементе (теле)

Answer 1

Я бы порекомендовал EM - просто потому, что я использую базовый CSS для своей базовой настройки форм, макета и, что наиболее важно, типа.

Не могу порекомендовать его достаточно: http://baselinecss.com/

Answer 2

Вот ссылка на одну из моих любимых статей о правильном подборе текста с помощью css от AListApart:

http://www.alistapart.com/articles/howtosizetextincss

Семантически, em предпочтительнее, но я всегда находил это проблематичным, потому что это затрагивает каждый дочерний элемент включительно. Если ваш дизайн содержит 4 или 5 элементов div, и каждый из них находится на 0,75 em, к тому времени, как вы дойдете до последнего дочернего элемента div, ваш текст почти не читается.

Я предпочитаю pt, потому что он работает с различными операционными системами (позволяя самой системе решать, что такое pt), а не с использованием px, который может существенно повысить читаемость сайта в зависимости от разрешения. Em считается «стандартом» для css, но у него столько же проблем, что и у других, но у него есть преимущество каскадирования в глобальном масштабе.

Answer 3

В моем первоначальном обучении дизайну говорилось, что это возможно.

Я считаю, что основной причиной было то, что разные браузеры и устройства имеют разные разрешения, что снова становится большой проблемой.

Я думаючасто лучше использовать em и%, поскольку они являются слоем абстракции, особенно по сравнению с пикселями.Оба схожи в некоторых отношениях как "100%" = "1em".Другая проблема, связанная с пиксельным блоком, заключается в том, что он не масштабируется вверх для читателей с ослабленным зрением.
Сегодня для мобильных устройств, планшетов и т. Д. Зачастую лучше иметь конкретные таблицы / правила для каждого из них.

Кроме того, что касается печати, em работает хорошо.

Я видел единицу em, называемую стандартом для размеров шрифтов в Интернете, но процентная единица часто дает более согласованное и доступное отображение.При изменении пользовательских настроек процент текста хорошо масштабируется, сохраняя читабельность, доступность и визуальный дизайн.

Answer 4

Я всегда использую EMS.Использование% - это то же самое, но они означают что-то другое при использовании их в выражении padding или margin (padding: 1em 0; не то же самое, что padding: 100% 0;).Так что просто используйте ems I, что вы имеете в виду относительно текущего размера шрифта, и избегайте путаницы.

Дополнительным преимуществом или использованием ems является то, что вы можете, например, использовать медиазапрос и body{font-size: 120%}, чтобы дать мобильным пользователям немного больший размер шрифта.

Answer 5

Хороший вопрос!

Я использую пиксель, потому что мне нравится, когда все исправлено.

Но посмотрите эту статью:

http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/

может помочь вамсделай выбор.Я думаю, что все это очень личное.Или это зависит от того, что вы делаете, я полагаю