jquery innerWidth/outerWidth和javascript clientWidth/offsetWidth在chrome上给出了错误的值

我在

div

中有一个HTML标记

。 div样式使用“Lato”字体，字重为700

当我尝试获取

a

标记宽度时，我在chrome中得到了错误的值

我试过：

width()
outerWidth()
innerWidth()
clientWidth
offsetWidth

他们都给了我错误的值

我还注意到，当我删除字体权重css样式时，这个问题就消失了

有什么想法吗

谢谢

是一个内联元素。因此，它不使用长方体模型。把它想象成“滑的”。我不知道为什么它会使用不同的字体

您可能需要测量

的第一个块级父级的内部宽度

比如：

$('<a>').closest('div').innerWidth();

a { display: inline-block; }