2011-08-03 15 views
1

イベントがCSSリセットされた後、IEが明らかにSUPタグにデフォルトスタイルを付加していることがわかりました。次の例では、SUPタグはまだスタイル付きSPANタグよりわずかに小さいです。誰もがこれを調整することを知っていますか?CSSリセット後に2つの要素の同じスタイルが異なる(IEのみ)

<!doctype html> 
<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css"/> 
     <style type="text/css"> 
      sup { font-size: 16px; vertical-align: super; } 
      .trademark { font-size: 16px; vertical-align: super; } 
     </style> 

    </head> 

    <body> 

     <h1>This is a <sup>®</sup> test</h1> 

     <h1>This is a <span class="trademark">®</span> test</h1> 

    </body> 

</html> 
+1

特定のバージョンはありますか? – thirtydot

+0

これはかなり最近、私はここで見た質問と非常によく似ている - http://stackoverflow.com/questions/6804383/relative-font-size-of-sub-or-sup-and-their-descendants-in-ie – Spudley

答えて

1

http://jsfiddle.net/utwSv/

あなたはexpecially割合でフォントサイズを設定CSSのリセットを使用した後、フォントに割合の大きさを与えるのが習慣に取得する必要があります。

上記の例では、サブ要素のフォントサイズを120%に設定しても問題ありません。しかしその後、h1タグのサイズも変更しました。固定フォントサイズ(ピクセル)を使用すると、サブ要素はまだ小さいフォントを表示します。代わりに、パーセンテージ値に設定すると正しく表示されます。

注記CSSフォント用のYUIリセットも含まれています。

+0

Chromeでリンクを確認すると、サイズが異なるようになりました。しかし私はこれをIE専用のシートで使うことができました。あなたはcorssbrowserの代替案を知っていますか? –

関連する問題