私は次のような最上位の構造を持つ9つのアイテムのナビゲーションメニューを持っています:
UL LI A
テキストのレンダリングをリセットしています:
#horizontalMega2 > li > a {
font-family: "Helvetica", "Arial", "Verdana", "sans-serif";
font-size:10px;
font-weight: normal;
letter-spacing: normal;
white-space: nowrap;
word-spacing: normal;
text-transform: uppercase;
width:100%;
}
jQuery でそれらをループする場合:
$( '#horizontalMega2 > li').each( function(){
console.log( 'outerWidth( true ) ' + $(this).outerWidth( true ));
}
... コンソールが表示されます..
FF
outerWidth( true ) 61
outerWidth( true ) 59
outerWidth( true ) 39
outerWidth( true ) 50
outerWidth( true ) 19
outerWidth( true ) 27
outerWidth( true ) 114
outerWidth( true ) 68
outerWidth( true ) 78
クロム
outerWidth( true ) 68
outerWidth( true ) 63
outerWidth( true ) 44
outerWidth( true ) 55
outerWidth( true ) 23
outerWidth( true ) 31
outerWidth( true ) 131
outerWidth( true ) 78
outerWidth( true ) 88
IE 10 9
outerWidth( true ) 66
outerWidth( true ) 63
outerWidth( true ) 42
outerWidth( true ) 54
outerWidth( true ) 22
outerWidth( true ) 29
outerWidth( true ) 127
outerWidth( true ) 74
outerWidth( true ) 86
IE8
outerWidth( true ) 68
outerWidth( true ) 63
outerWidth( true ) 44
outerWidth( true ) 55
outerWidth( true ) 23
outerWidth( true ) 31
outerWidth( true ) 131
outerWidth( true ) 78
outerWidth( true ) 88
...興味深いことに、IE8 と Chrome で同じ結果が得られます。何が欠けていますか?
jQuery 1.9.1を使用しています