Увеличение размера шрифта браузера по умолчанию означает только, что браузер будет использовать больший размер шрифта , если размер шрифта не указан иначе.
Если на странице ничего не указано font-size
используется браузер по умолчанию, поэтому будет использоваться шрифт большего размера. После того, как вы укажете размер шрифта для чего-либо, этот будет размером шрифта, используемым для этого элемента и его потомков.
Если вы укажете этот размер шрифта в html
элемент, все является его потомком, поэтому у всего есть указанный размер шрифта, поэтому размер браузера по умолчанию не используется.
Если вы укажете размер шрифта ниже по дереву DOM, тогда значение по умолчанию size будет использоваться до тех пор, пока не будет обнаружен указанный размер, если указанный размер равен относительному размеру, он будет относиться к текущему размеру, который может быть по умолчанию в браузере; например:
<body>
<div>
<!-- the text below is the browser's default size -->
<p>Some text in a paragraph</p>
</div>
<div style="font-size: 16px">
<!-- the text below is 16px *regardless* of the browser's default -->
<p>Some text in another paragraph</p>
</div>
<div style="font-size: 2em">
<!-- the text below is twice the browser's default size -->
<p>Some text in a paragraph</p>
</div>
</body>
Chrome и другие браузеры также могут иметь настройку для минимального размера шрифта; шрифты, указанные на странице, размер которых меньше минимального, будут увеличены до минимума, но это не является частью стандарта и (вероятно) будет зависеть от браузера.