Если у html шрифт задан в процентах, процент от чего он высчитывает?

Question

[pegas]

если у html шрифт задан в процентах, процент от чего он высчитывает? например html {font-size 100%} 100% от чего?

Answer 1

[Александр Севиринов]

По умолчанию в браузере следующие размеры:
100% = 1em = 1rem = 16px = 12pt
Следовательно если Вы задаете размер в css элементу html равным 200%, то общий размер шрифта на всей странице будет 32px

Не рекомендую пользоваться процентами. Для относительных размеров лучше использовать rem и em
rem задает размер шрифта элементу независимо от размера шрифта родительского элемента
em задает размер шрифта элементу относительно размеру шрифта родительского элемента

Comments

[Andrey M.]

Просто, коротко и эффективно! Все б так ответы писали..

Answer 2

[Игорь]

Сведение из справки. За 100% берется размер шрифта родительского элемента

Comments

[Владислав Лысков]

что является родителем тэга html?

[Игорь]

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

[Владислав Лысков]

Игорь, вообще он равен 16px, о чём и был вопрос автора)

Answer 3

[Антон Шаманов]

браузеры имеют значения по умолчанию (* {font-size: ...}), вот от этого значения и берется 100%.

Comments

[pegas]

Как узнать какое значение установлено в браузере по умолчанию?

[Антон Шаманов]

Артём,
вообще зачем его узнавать, Ваша задача привести значения браузеров к единому виду используя решения вроде normalize.css и СSSReset

[Антон Шаманов]

Артём, в своих проектах задаю размер шрифта для body в px в зависимости от разрешения экрана (media-query), а все вложенные элементы уже в em\rem