外部宽度和宽度在firefox中相对于chrome返回错误的值

Question

我正在尝试使用元素的宽度element.outerWidth.当我使用Chrome时,它返回一个正确的值,但是当我切换到Firefox时,我得到了一个更低的值.firefox以什么方式读取这个与chrome不同的元素？

元件:

<div class="submit_container">
     <input type="submit" value="Something" />
</div>

Chrome:88px
Firefox:36px

当我使用firefox检查元素时,它显示与chrome中相同的元素.(88px)

Answer 1

你尝试过使用 jQuery 宽度吗？

$(element).width();

它有轻微的差异，但我想这是一个跨浏览器问题。

编辑：

我认为这line-spacing是造成宽度差异的原因。尝试在 Firefox 中删除它，您会看到差异