它是Chrome中em DIV的秘密最小尺寸（宽度/高度）吗？

Question

I have a div with width & height in em. It regulated by the font-size of its parent div.

When I set the font-size of the parent less than 6px it doesn't change. Before and in Firefox it works as it should be.

MacOS, Chrome Version 74.0.3729.131 (Official Build) (64-bit)

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> 

That's how I see it:

Why and how to fix it?

PS so it looks like it is a bug, I reported it here: https://bugs.chromium.org/p/chromium/issues/detail?id=963414

Answer 1

It's because Chrome has “minimum font size” setting which is 6px by default. It is better to write about this Chrome setting.