Firefox和Chrome中的字体高度不同

Question

我想使用jQuery测量html元素的字体高度。

Here is a fiddle

private double optionXYZ;
public double OptionXYZ
{
    get { return this.optionXYZ; }
    set
    {
        if (this.optionXYZ != value)
        {
            this.optionXYZ = value;
            OnPropertyChanged(PropertyOf<OptionSettings>.Resolve(x => x.OptionXYZ));
        }
    }

}

该方法运行正常但我在Chrome和Firefox中获得了不同的结果。有没有办法在所有浏览器中获得正确/相同的字体大小。

Answer 1

字体的高度不仅用font-size测量，而且用font-size和line-height和padding值来估算：

因此，不同的浏览器具有不同的默认值，例如line-height 1px different in firefox and chrome，因此它们可能不同。

您可以通过明确定义它们来计算它们。