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

【问题标题】：Is it a secret minimal size(width/height) of em DIV in Chrome?它是 Chrome 中 em DIV 的秘密最小尺寸（宽度/高度）吗？
【发布时间】：2019-10-01 10:52:43
【问题描述】：

我有一个宽度和高度为 em 的 div。它由其父 div 的字体大小调节。

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

这就是我的看法：

为什么以及如何解决它？

附：所以看起来这是一个错误，我在这里报告了它：https://bugs.chromium.org/p/chromium/issues/detail?id=963414

【问题讨论】：

我觉得很好
@Turnip 我有 Chrome 版本 74.0.3729.131 MacOS
对我来说看起来不错。如果您的问题仍然存在，您是否尝试过使用 webkit CSS ？ developer.mozilla.org/fr/docs/Web/CSS/WebKit_Extensions
@Eugene 我在同一个版本上。那么您问题中的两个示例都产生相同的结果？
@Turnip 是的，我添加了截图

标签： html css macos google-chrome

【解决方案1】：

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

【讨论】：

如果真的是这样，为什么我可以毫无问题地使用小于 6px 的字体？
谷歌浏览器现在至少有 6px (V67)。检查您的浏览器配置，它有一个关于最小字体大小的部分，可能它类似于 0，所以如果您设置为 6px，小于该值的数字将被忽略。转到菜单->设置->搜索并转到“自定义字体”->调整最小字体大小
有趣，但是看，我在里面添加了一个文本，它会随着父级的 font-size 减少 6px 缩小。但 div 本身不会...
我认为最好写一下这个 Chrome 设置和你的“div”字体大小更改为 6px