accessibility - 単位なしのラインの高さの欠点は？

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行のテキストを含むブロック要素があり、そのテキスト行を垂直方向に中央揃えにしたい場合です。これを行う最も簡単な方法は、それを使用するline-heightことです。heightブロック要素のに等しい。

---

[念のため、ユニットレスとの取引が何であるかを知らない人のためにline-height。]

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

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