Я тестировал, чтобы проверить вычисленное значение размера шрифта, используя процент (%). Я использую chrome (версия 78.0.3904.87) в своей среде.
Я понимаю, что размер шрифта по умолчанию для моего root элемента составляет 16 пикселей, как я видел его внутри моего Devtools. Тем не менее, я получаю 4.8px вычисленный размер шрифта , когда я применил 1% font-size к html (root элемент).
Итак, мне интересно, 4.8px магическое число какого-то рода в Chrome или как? Может кто-нибудь, пожалуйста, просветить меня или указать мне какие-либо соответствующие источники? Заранее спасибо!
Ниже приведены мои html и снимок экрана с моим devTools, показывающий вычисленное значение размера шрифта 4,8px
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
html{
font-size: 1%
}
.test{
font-size: 15rem
}
</style>
</head>
<body>
<div class="test">Testing</div>
</body>
</html>