IE 7中的h2 outerWidth比IE 8短

Question

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

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

这是我的代码：

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

IE8中h2width为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);
}

Answer 1

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

另请注意，您的选择器$('.test h2')会返回匹配元素的集合。