MW211 EXIT

devlog
CSS/Firefoxの文字間隔
2013年06月30日
Firefoxと他のブラウザを比較すると、Firefoxだけ若干縦に間延びしているように
感じる場合がある。特に文章のところが。

これは、行と行の間にデフォルトで若干間隔が設定されているからだ。

これを他のブラウザと合わせてなくすには以下の指定をすればよい。
┌──────────────────────────────────────┐
│* {                                                                         │
│    line-height:100%;                                                       │
│}                                                                           │
└──────────────────────────────────────┘
もちろん、局地的(divタグ単位など)に設定することも可能。

また、以下のように指定する方法もある。
┌──────────────────────────────────────┐
│* {                                                                         │
│    line-height:1em;                                                        │
│}                                                                           │
└──────────────────────────────────────┘
(こちらはフォントサイズが16pxの場合限定)
┌──────────────────────────────────────┐
│* {                                                                         │
│    line-height:16px;                                                       │
│}                                                                           │
└──────────────────────────────────────┘
分類:CSS