相对于 chrome，outerwidth 和 width 在 Firefox 中返回错误值答案

【问题标题】：outerwidth and width returns wrong value in firefox relative to chrome相对于 chrome，outerwidth 和 width 在 Firefox 中返回错误值
【发布时间】：2023-03-20 20:34:01
【问题描述】：

我正在尝试使用element.outerWidth 获取元素的宽度。当我使用 Chrome 时，它返回一个正确的值，但是当我切换到 firefox 时，我得到的值要低得多。 firefox读取这个元素和chrome有什么不同？

元素：

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

铬：88 像素
火狐：36 像素

当我使用 firefox 检查元素时，它的显示与 chrome 中的相同。 (88 像素)

【问题讨论】：

看这里stackoverflow.com/questions/15023088/…
css 早在我使用 outerWidth 之前就已加载，但我在检查 outerWidth 之前添加了 submit_container。
我不知道为什么，但显然有一些不同。选择元素后查看 Metrics 选项卡。如果您在 Firefox 中转到 Layout，它会显示不同的内容，但应该显示相同的内容。

标签： jquery

【解决方案1】：

你尝试过使用 jQuery 宽度吗？

$(element).width();

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

编辑：

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

【讨论】：

是的，我在 jQuery 宽度方面遇到了同样的问题。
你能发一下这个小提琴吗？
Ofc。在这里，我得到了一个 jsfiddle，但在这里它们之间只是略有不同。 jsfiddle.net/LTbZz/4
我认为这确实是一个跨浏览器问题。我已经更新了我的帖子
行距可能是我的 jsfiddle 中的一个因素，但在最初的问题中，Firefox 甚至没有返回 chrome 返回的宽度的一半。