IE 7 中的 h2 outerWidth 比 IE 8 短答案

【问题标题】：h2 outerWidth in IE 7 is shorter than IE 8IE 7 中的 h2 outerWidth 比 IE 8 短
【发布时间】：2011-12-16 01:03:05
【问题描述】：

我今天在我们的项目中进行修正时遇到了一个问题。

我发现 IE 7 中 h2 的 outerWidth 比 IE8（FF、Chrome 等）中的短。

这是我的代码：

var h2width = $('.test h2').outerWidth(true)

h2width 在 IE8 中为 135px，在 IE7 中为 78px。

你对此有什么想法吗？

提前致谢！

编辑：

为了防止这个问题，我添加了区分浏览器的代码。

if ($.browser.msie && $.browser.version.substr(0, 1) <= 7) {
var h2width = $('.test h2').outerWidth(true) + 57;
} else {
var h2width = $('.test h2').outerWidth(true);
}

【问题讨论】：

您使用的是什么 DOCTYPE？所有浏览器都一样还是使用默认的 DOCTYPE？这可以解释为什么 IE7 的行为不同。

标签： javascript jquery width

【解决方案1】：

浏览器呈现 HTML 的方式不同，所以这并不奇怪。使用 Firebug 或其他开发工具查看 h2 标签的实际大小。它们很可能是不同的。

还要注意您的选择器 $('.test h2') 返回匹配元素的集合。

【讨论】：

是的，但在我的情况下只有一个 h2
不过，选择器返回一个或多个数组，所以使用$('.test h2').first() 或$('.test h2')[0] 来访问第一个匹配的元素。