Firefox的内核与其他浏览器不同（CSS中的负号间距）_Css_Firefox_Typography

Firefox的内核与其他浏览器不同（CSS中的负号间距）

css firefox

Firefox的内核与其他浏览器不同（CSS中的负号间距）,css,firefox,typography,Css,Firefox,Typography,当应用负号间距时，Firefox呈现文本的方式与其他浏览器不同，我遇到了一些问题： h2{font-size:1.6em;font-weight:bold;color:#999;letter-spacing:-0.10em;} <h2>Time</h2>(approx) h2{字体大小：1.6em；字体重量：粗体；颜色：#999；字母间距：-0.10em；} 时间（大约）以下是大多数浏览器中呈现的文本：以下是Firefox中呈现的文本：编辑：它们是直接截图，图

当应用负号间距时，Firefox呈现文本的方式与其他浏览器不同，我遇到了一些问题：

h2{font-size:1.6em;font-weight:bold;color:#999;letter-spacing:-0.10em;}

<h2>Time</h2>(approx)

h2{字体大小：1.6em；字体重量：粗体；颜色：#999；字母间距：-0.10em；}
时间（大约）

以下是大多数浏览器中呈现的文本：

以下是Firefox中呈现的文本：

编辑：它们是直接截图，图像的分辨率相同。

关于如何解决这个问题有什么想法吗？

添加声明

宽度：100%

到

h2

规则触发“其他”浏览器中的布局。

我不知道为什么，但是如果您在

字体大小

声明中使用

pt

而不是

em

（但是保持

em

用于

字母间距

，Firefox应该像其他浏览器一样呈现文本

h2{font-size:18pt;font-weight:bold;color:#999;letter-spacing:-0.10em;}

我通过重置css修复了它。只需将下面的链接添加到你的html头部

更多信息可以在这里找到。

您发布了两次相同的链接：）