単位なしのラインハイトへの欠点？

Question

ユニットなしで行の高さを指定する際に、不具合（ブラウザ/デバイスの矛盾...）がありますか？

例：

body { 

    line-height: 1.5; 
} 

Answer 1

ほとんどの場合、それは無単位の行の高さを使用するように、実際に良いでしょう -

• http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
• https://developer.mozilla.org/en/CSS/line-heightを参照してください - 彼らは例
を示したノートを参照してください

もちろん、例外があります。最初に気になるのは、と知られているブロック要素がある場合です。heightとの1行のテキストがにあり、そのテキスト行を垂直方向に中央に配置したい場合は、その方法が最も簡単ですblock要素のheightに等しいline-heightを使用することです。

---

[念のため、単位のないline-heightとの契約だかわかりません誰のため。]

あなたはfont-size: 14pxを持つ要素があるとします。継承されているかどうかに関係なく、設定された場所は関係ありません。自分で設定した場合でも、ユーザーエージェントのスタイルシートからのものでも構いません。要素はfont-size: 14pxです。

さて、あなたが設定されている場合、のは、同じ要素のline-height: 1.5を言わせて、これは1.5 * 14px 21px =としてピクセルに変換されます。したがって、計算されたline-heightは21pxになります。