Html Firefox中荒谬的输入宽度

当我有一个带有

size

属性的

input

字段时，与Chromium相比，Firefox中的字段似乎更宽

如果设置了

zh HK

等语言（通过html

lang

属性或

Content language

标题），问题会变得更糟。在这种情况下，Firefox中的

输入

的宽度至少是Firefox的两倍

这一巨大差异的原因是什么

请在不同浏览器中检查以下代码段：

如果您使用两种浏览器的开发人员工具检查该元素，您会发现两者的属性设置都不同。浏览器既不对也不对。

这可能取决于所使用的字体，以及影响它的所有属性（字体系列、字体大小、字母间距等）——您是否对它们进行了规范化，或者您只是让浏览器使用它们的默认值？（特别是对于东方语言，如果不指定要使用的字体，浏览器可能会使用不同的字体。）@CBroe我没有设置任何其他属性。Firefox中的计算字体系列是“Sans”。在输入元素上设置字体似乎确实会产生影响。我检查了Firefox的字体设置，香港中文的比例字体设置为无衬线而不是衬线，但更改它似乎没有任何影响。