[ CSS ] Internet Explorer で見出しの文字が欠ける場合の対処法

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です！
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）

HTML の一番上に h1 要素を書いて、CSS で、

body { line-height: 150%; }

と言った記述をすると、Windows Internet Explorer 7 で見出しの文字が欠けてしまいます。

こんな感じ。 そんな時は、

body { line-height: 1.5; }

のように line-height を単位の無い値にすると解決します。

一応、文字欠けのサンプル を置いておきます。

https://codepen.io/darucub/pen/XJdbvqd

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。