sqsq120 テクニカブログ

html css javascript 多めの備忘録

OSがXPだとfont-sizeが要素以上に高さをとっちゃう話

7の端末だと大丈夫だったんだけど、XPだと要素が高くなっちゃってたのでメモ。

原因としてはfont-familyのせい。
指定が

font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", Osaka, Arial, Sans-serif;

ってなってたんだけど、
(この指定、自分の好みじゃないのであしからず)
XPの場合、メイリオ読まないので高さが若干変わっちゃう模様。

一旦line-heightを指定するか、heightを指定する対応策をとった。
もっとうまいことできないかなぁ。。

むー。