Зачем мне применять относительный размер шрифта к тегу body?

Question

Я видел, что некоторые люди используют для установки font-size: 80% для тега body в свойствах CSS.

Зачем мне делать что-то подобное? Почему я не могу просто добавить относительный размер шрифта для определенных свойств (например, p { font-size: 90% })?

Answer 1

Установка размера основного шрифта на 62,5% устанавливает каждый второй элемент так, чтобы 1,0em == 10px. Поэтому, если я хочу, чтобы мои h1 равнялись 20px, а мои p равнялись 14, я просто должен установить их на 2.0em и 1.4em соответственно.

Установка размера шрифта в ems, а не в px позволяет более гибко изменять размер текста в некоторых браузерах (на ум приходят FF2 и IE6).

Answer 2

Большинство браузеров поставляются с размером шрифта по умолчанию 16 пикселей. Но это для большинства авторов слишком велико. Поэтому вместо того, чтобы устанавливать фиксированный размер шрифта и, следовательно, переопределять пользовательские настройки (кроме того, IE <= 7 не может увеличивать размеры шрифта в пикселях), они просто уменьшают значение браузера по умолчанию. </p>

Answer 3

Еще один пример такого использования: если вы хотите создать функцию javascript, которая увеличивает или уменьшает размер текста, то вы можете просто добавить изменение в размер основного шрифта, и он будет работать на всем.

Answer 4

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

Answer 5

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

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

Answer 6

Установка размера шрифта в процентах или ems для элемента BODY - это хитрость для кросс-браузерной согласованности размера шрифта. Кроме того, он позволяет IE6 изменять размеры шрифтов, когда вы используете опцию размера текста в меню или комбинацию Alt + Mousewheel.

Тем не менее, поскольку новые IE и Firefox 3 приняли масштабирование всей страницы по умолчанию, и, учитывая, что IE6 медленно исчезает из кадра, использование относительных размеров шрифта в теле исключительно для поддержки изменения размера текста IE6, вероятно, больше не требуется стоит потраченных усилий. x

Answer 7

Другое использование - это использование наследования размера шрифта.

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

Answer 8

Поскольку у вас может не быть тега p вокруг всего, к чему вы хотите применить размер шрифта.

Не каждый заключает абзац в каждый фрагмент текста (т. Е. Некоторые люди работают со смесью div и ps ...)