h2在IE 7中的外部宽度比IE短8

当我在我们的项目中实施修正时，我遇到了一个问题。h2在IE 7中的外部宽度比IE短8

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

这里是我的代码：

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

h2width是IE8 135px和IE7 78px。

你有什么想法吗？

在此先感谢！

编辑：

为了避免这个问题，我已经添加了代码differenciate浏览器。

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

来源

2011-12-15 Alex SUN

你正在使用什么DOCTYPE？所有浏览器都一样，还是使用默认的DOCTYPE？这将解释为什么IE7的行为不同。 – Stefan 2011-12-16 07:47:53

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

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

来源

2011-12-15 17:03:05 Stefan

是的，但在我的例子中只存在一个h2 – 2011-12-15 17:28:52

h2在IE 7中的外部宽度比IE短8

回答

相关问题