Размер шрифта CSS: относительные и абсолютные значения. Какой использовать? [закрыто]

Я сохраняю размер шрифта как выбранное значение по умолчанию пользователя, затем использую относительную калибровку:

body {
    font-size: 100%;
}

p {
    font-size: 1em;
}

h1 {
    font-size: 1.8em;
}

Этот метод уважает выбор пользователем размера шрифта в их браузере, который обычно настраивается к 16 пкс.

Лично я установил абсолютный размер шрифта на body и оттуда установил все как относительно этого. например:

body {
    font-size: 10px;    /* or pt if you want */
}
h1 {
    font-size: 200%;
}

Просто стараются не комбинировать составленные относительные размеры:

body {
    font-size: 10px;
}
p {
    font-size: 80%; /* 8px, right? */
}
div {
    font-size: 150%;
}
/* what size is a "div > p" ? */

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

преимущество для этого метода - то, что можно легко оценить или вниз весь текст путем изменения одного определения.

оборотная сторона - то, что, если бы Вы хотите изменить размер стандартного шрифта, но не заголовки (например), затем было бы много объявлений для изменения.

Я предпочитаю относительные значения начиная с Internet Explorer (< 7?) не может масштабировать абсолютные или пиксельные значения.

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

Если Вы используете абсолютные размеры затем, любым слабовидящим читателям могло бы быть трудно читать. При использовании относительных размеров затем, Вы просто указываете, какой текст больше / меньший, чем другой текст на Вашей странице, всех относительно размера текста пользователя по умолчанию, который мог бы быть большим (если повреждено) или крошечным (если немного странный).

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

Одна вещь, которую я видел, что люди используют, состоит в том, чтобы определить основной размер шрифта в теле CSS (например, 12 ПБ), и затем все другие размеры шрифта являются процентами того (например, 140% для заголовков, 80% для маленького, и т.д.).

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

при использовании пкс затем, у Вас будут проблемы на очень высоких устройствах DPI.

Эм и pt хороши для CSS для печати.

существует много из, делают это и видят то, что происходит о шрифтах и CSS.

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

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

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

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

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

Используя EM масштабирование более универсально со шрифтами. Это также более доступно.

, Если Вы не работали с этим прежде, инструмент как , Калькулятор Эма может быть очень полезен для понимания, как тег/модель работает.

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

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

, Если Ваш размер шрифта указан в пкс, пользователи старых версий IE не смогут переопределить размер текста, т.е. они не смогут сделать его больше или меньшим для удовлетворения их предпочтениям.

Однако IE5 также создает проблему, когда Ваш размер шрифта указан ключевым словом: относительно других браузеров IE5 отображает текст об одном больше шаге.