2011-10-21 9 views
9

cssをブラウザ間で正規化しようとしたときに気づいたのは、h要素やその他の主要タグのデフォルトの行の高さのプロパティがChromeやFirefox 、まだユーザーエージェントレベルで設定されていません。css line-heightのデフォルトの検索/設定

また、normalize.cssような人気の正規化は、どちらかというの世話をしていません。行の高さは、ユーザエージェントレベルで設定されていない場合は

  1. 、デフォルト値から来ている:

    だから私の質問は二つの部分ですか?

  2. 私はラインハイトを自分で正規化したくないですが、もし必要ならば、デフォルトの良い例はどこですか?
+2

[こちら](http://dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com/)と[こちら](http://dowebsitesneedtolookexactlythesameineverybrowser.com/)を参照してください。 –

+4

@真実 - 役に立たない。ブラウザ間の一貫性が重要ではないと言っている場合、それはほとんどのWebデザイナーが共有する意見ではありません。いずれにしても、質問には答えません。 – Yarin

+1

@ヤリン - 真実は時々傷つくことがあります:) – easwee

答えて

21

私は、「物事はまったく同じではありません」とはっきりとしています。特にIEがかなり良い基準を採用しているためです。

標準(120%、1、1em)の行の高さの値は、計算されたフォントサイズに基づいています。ノーマルはフォントサイズに基づいていますが、ブラウザによって異なる場合がありますFFとChromeでこの例を開くこと:それはそんなに人気がある(したがって、十分精査の多くの下で/吟味があるためhttp://jsfiddle.net/mahalie/BSMZe/6/

私は一般的にベストプラクティスに関するキューのHTML5 Boilerplateに見える彼らは、使用します。

body { margin: 0; font-size: 13px; line-height: 1.231; } 

それについての議論は、明らかな勝者ではないがかなり興味深い: https://github.com/h5bp/html5-boilerplate/issues/724

+1

@ mahalie-ありがとうと本当の答えを与えてくれてありがとう!素晴らしいリンク。 +2 – Yarin

+4

今すぐリンクはhttps://github.com/h5bp/html5-boilerplate/blob/master/css/main.cssになるはずです –

+0

これは、今は別の(よりアクセスしやすい)アプローチを使用しているので時代遅れですブラウザにデフォルト値を使用させることで –

関連する問題