line-heightの単位はemではない

line-heightの単位としてemを使うのは実は良くなくて、単位なしで指定するのが正解。

line-height - CSS | MDN より引用

パーセンテージ と em 値は、予期しない結果を生むかもしれません。

使用値は、この単位のない <数量> に要素のフォントサイズを掛けたものになります。計算値は、指定された <number> と同じです。ほとんどの場合、継承時の予期しない結果を避けるために、これが line-height をセットする好ましい方法です。


line-heightはフォントサイズを基準として掛け合わされる数値なので、単位を付ける必要はない。
むしろ単位をつけると継承に問題が生じる。

ずっとem付けてたけど、間違いだったとは…。
単位なしで指定してるのを見かけても、つけ忘れてるんだと思ってました(*ノω・*)

テーマ: HTML - ジャンル: コンピュータ

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://itpc.blog87.fc2.com/tb.php/163-03e1c56e
この記事にトラックバック(FC2ブログユーザ用)