Question

我有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

IE 8

 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

FF，Chrome和所有IE之间的LI宽度不一致

0 个答案: