2011-07-05 19 views
2

メニューがブラウザ間で同じに見えるようにリンクのフォントを取得する際に問題があります。それはちょっとした差であればそれほど問題はありませんが、IE 9ではフォントは少なくとも2ピクセル以上、他のピクセルよりも大きく見えますが、同じCSS。IE 9と他のブラウザよりもフォントが大きいですか?

現在、メインメニューに入っていますが、これはかなり悪いです。誰もがなぜこれが起こるのか、私はそれについて何ができるのかを知っていますか?

ここでCSSルールです:

ul#menu li a 
{ 
    width: 80%; 
    text-align: center; 
    font-family: HelveticaNeueLight, Helvetica, Arial, Sans-Serif; 
    font-weight: bold; 
    font-size: 12px; 
    text-decoration: none; 
    line-height: 38px; 
    color: #333; 
    text-shadow: 0px 1px 0px #e5e5ee; 


    display: block; 
    /*Hiding dots around clicking on links*/ 
    outline: none; 
    overflow: hidden; 
} 
+1

私は[違いは見えません](http://jsfiddle.net/W8CVR/) –

+4

迷っているCTRL +キーボードショートカットでIE 9のテキストサイズを大きくすることはできますか? – shelhamer

答えて

3

これは本当に重要です、そしてあなたがブラウザにIEをターゲットとCSSを送信するために条件付きコメントを使用して気にしない場合は、そのようにIE 9のための条件付きコメントスタイルシートを作成することができます別で

<!--[if IE 9]> 
    <link rel="stylesheet" type="text/css" href="/ie9.css" /> 
<![endif]--> 

をこのCSSファイルのfont-sizeプロパティのCSSルール。

それ以外の場合は、常にブラウザ間で正規化するためにCSSリセットを使用することをお勧めします。よく使用されるリセットはEric MeyersYUIです。

0

は、おそらく他のいくつかのプロパティのCSSは矛盾しているのですか?私は、CSSのリセットファイル(http://developer.yahoo.com/yui/reset/)を使用して試してみるか、そこにzoom: 100%を追加して、それが修正されているかどうかを確認します。

関連する問題