Firefox和chrome中offsetwidth的不同值答案

【问题标题】：Different value of offsetwidth in firefox and chromeFirefox和chrome中offsetwidth的不同值
【发布时间】：2012-03-01 12:14:10
【问题描述】：

我在 Firefox 和 Chrome 中为同一元素获得不同的 offsetwidth 值，这导致元素显示不正确。请提出一些解决方案以保持一致性。

【问题讨论】：

不同的浏览器会以不同的方式解释 offsetHeight 和 offsetWidth，除非明确说明高度和宽度（以 px 为单位），否则您将收到不同的值。
@GGG : it.style.width = it.offsetWidth + 'px'; it.style.height = it.offsetHeight + 'px';它是引用元素的对象。
您能否提供更多信息，例如您正在设计哪些元素、它们看起来像什么以及您希望它们看起来像什么？你可以例如使用可重现的案例将一些代码发布到 jsfiddle.net。

【解决方案1】：

我在使用 Firefox 12 通过 AJAX 加载内容时遇到了类似的问题。

在就绪状态完成后，Chrome 和 IE9+ 都会正确报告 offsetWidth，但 Firefox 似乎还没有计算出来。

如果您稍后检查（有时甚至延迟半秒），Firefox 的宽度是正确的。

我怀疑有人试图通过触发就绪信号来让 Firefox 更快。

原海报没有给出很多细节，但我怀疑这可能是问题所在。

编辑：附注我发现让它正常工作的唯一方法是延迟并继续检查，直到它具有正确的值。

【讨论】：

【解决方案2】：

offsetHeight 有问题，我将其替换为 scrollHeight，它对我有用。

【讨论】：