css - Firefox 对 em 值的解释有误

Question

我在自适应网站上工作，并在 em 值中制作了所有内容。尽管如此，在解释 em 时，Chrome 和 Firefox 之间存在差异。网站是 dev.morodeer.ru/stroymoidom；问题出在带有图标的金属条上。在大约 670 像素的宽度上，Chrome 中的一切都很棒，但 Mozilla 削减了右边缘(因为居中包装的宽度设置为 90%)。此外，在浏览器宽度相同的情况下，Firefox 中的金属条更小，这让我想到，Mozilla 认为字体大小更小。

Answer 1

The em and ex units depend on the font and may be different for each element in the document.

引自:w3.org

也许您使用默认字体，而 firefox 使用不同的字体，例如 Chrome 呢？

我建议您使用 px 或 % 值而不是 em 作为 block 布局大小值。

使用 em 表示字体大小，1em = 浏览器的字体大小，2em = 2* 浏览器的字体大小，0.5 em = 0.5* 浏览器的字体大小 .. 等等 ;)

如果您已经知道那部分:是的，firefox 和 chrome 可以有不同的字体大小，而 em 可能会以不同的方式影响您的字体大小。