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

回答

相關問題