У меня есть div с шириной и высотой в em. Он регулируется размером шрифта родительского элемента div.
Когда я устанавливаю размер шрифта родителя меньше 6 пикселей, он не меняется. До и в Firefox все работает как надо.
MacOS, версия Chrome 74.0.3729.131 (официальная сборка) (64-разрядная версия)
Вот пример, он будет того же размера, даже 6px и 2px:
<div style="font-size: 6px">
<div style="height: 10.36em; width: 10.2em; border: 1px solid red;"><span style="font-size:2em">text</span></div>
</div>
<div style="font-size: 2px">
<div style="height: 10.36em; width: 10.2em; border: 1px solid red;"><span style="font-size:2em">text</span></div>
</div>
Вот как я это вижу:
Почему и как это исправить?
P.S. похоже, это ошибка, я сообщил об этом здесь: https://bugs.chromium.org/p/chromium/issues/detail?id=963414