Категорический метод для калибровки шрифта в CSS
Я хотел бы знать некоторые мнения от опытных разработчиков на том, что они думают категорический способ измерить шрифты (в основном смысле). Я знаю, что работу с Эмсом считают лучшей, но я обращаюсь к лучшему способу установить основной размер шрифта.
Существует метод установки шрифта к 10 пкс с помощью 62,5 методов, но я думаю, т.е. имеет проблему с округлением, которое выводит это немного (возможно, не)
Использование платформы YUI
body {
font:13px/1.231 arial,helvetica,clean,sans-serif;
/* for IE6/7 */
*font-size:small;
/* for IE Quirks Mode */
*font:x-small;
}
который действительно смущает меня!
Использование Триполи
html
{
font-size:125%;
}
body
{
font-size:50%;
}
список независимо предлагает что-то вроде:
body {
font-size: 16px;
*font-size: 100%;
}
Таким образом, который является лучшим или из этих методов или из любых альтернатив. Лучшее существо самое легкое для работы с и самый надежный перекрестный браузер.
2 ответа
Существует метод настройки шрифта. до 10 пикселей с использованием метода 62,5, но я думаю т.е. есть проблема с округлением, которое Это слегка выкидывает (возможно, нет)
Эту технику я использую ежедневно, и я не обнаружил из-за этого никаких ошибок IE, если такая ошибка существует. Тогда работать с em действительно просто, если вы можете разделить на десять, не используя вычисление! Вам просто нужно использовать свойство font-size с такими элементами, как hN, li, p и т. Д., Но не пытайтесь изменить размер как родительского div или цитаты, так и дочерних абзацев и заголовков, иначе дочерние элементы не имеют 10px <-> 1em эквивалентности больше нет.
Если вы используете фреймворк CSS, придерживайтесь того метода, который он использует.
Не по теме, я использую условные комментарии и не использую звездочки. Всегда.
Тем не менее, на ваш вопрос нет однозначного ответа (sb написал « em vs px - это священная война » на недавнюю тему, и (s) он совершенно прав ИМХО).
С точки зрения доступности, вот соответствующая достаточная техника: C14: Использование единиц em для размеров шрифта - WCAG 2.0 Это не единственный способ достичь Критерия успеха 1.4.4 Изменить размер текста :
Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. (Level AA)
C12 то же самое, только с процентами, другие, насколько я помню, не совместимы с кроссбраузерностью.
Что ж, в последнее время люди возвращаются к прямому размеру пикселей, потому что все функции масштабирования современных браузеров теперь увеличивают все пропорционально, а не просто увеличивают размер шрифта, как в предыдущих версиях. 12 пикселей - это стандартный базовый размер для стандартного текста, который я видел.