Это секретный минимальный размер (ширина/высота) em DIV в Chrome?

У меня есть div с шириной и высотой в em. Он регулируется размером шрифта родительского элемента div.

Когда я устанавливаю размер шрифта родителя менее 6 пикселей, он не меняется. Раньше и в Firefox все работало как надо.

MacOS, версия Chrome 74.0.3729.131 (официальная сборка) (64-разрядная версия)

Here is an example, it will be the same size, even it is 6px and 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


macos google-chrome html css em
person Eugene    schedule 14.05.2019    source источник
comment
это выглядит хорошо для меня   -  person Turnip    schedule 14.05.2019
comment
@Turnip У меня Chrome версии 74.0.3729.131 MacOS   -  person Eugene    schedule 14.05.2019
comment
Это выглядит хорошо для меня. Если проблема не устранена, пытались ли вы когда-нибудь использовать webkit CSS? developer.mozilla.org/fr/docs/Web/CSS/WebKit_Extensions   -  person Tweak    schedule 14.05.2019
comment
@ Юджин, у меня та же версия. Итак, два примера в вашем вопросе дают один и тот же результат?   -  person Turnip    schedule 14.05.2019
comment
@Turnip да, я добавил скриншот   -  person Eugene    schedule 15.05.2019

Ответы (1)


arrow_upward
0
arrow_downward

Это потому, что в Chrome есть настройка «минимальный размер шрифта», которая по умолчанию составляет 6 пикселей. Об этой настройке Chrome лучше написать.

person saleh katebi    schedule 14.05.2019
comment
Если это действительно так, почему я могу без проблем использовать размеры шрифта меньше 6 пикселей? - person Turnip; 14.05.2019
comment
Google Chrome на данный момент имеет разрешение не менее 6 пикселей (V67). Проверьте конфигурацию вашего браузера, в ней есть раздел о минимальном размере шрифта, возможно, это что-то вроде 0, поэтому, если вы установите 6 пикселей, числа меньше этого будут игнорироваться. Перейдите в меню -> настройки -> найдите и перейдите в «Настроить шрифты» -> установите минимальный размер шрифта. - person saleh katebi; 15.05.2019
comment
Интересно, но смотрите, я добавил текст внутри, он уменьшится с размером шрифта родителя меньше 6px. Но сам div не будет... - person Eugene; 15.05.2019
comment
Я думаю, что лучше написать об этой настройке Chrome и изменить размер шрифта вашего div на 6px - person saleh katebi; 21.05.2019