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

Question

我在em中有一个具有宽度和高度的div。它由其父div的字体大小控制。

当我将父级字体设置为小于6px时，它不会改变。在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

Answer 1

这是因为Chrome的“最小字体大小”设置默认为6px。 最好写一下这个Chrome设置。