CSS：62.5％のリセットが行の高さでのみ機能しない

Question

emsが10倍の通常のピクセルサイズになるようにリセットを使用しています。これは、行の高さを除いてすべて正常に動作しています。私はh2行の高さを24px（通常のテキストサイジングの下で​​）にしたいと思いますが、2.4emを宣言すると大きすぎますが1.5emが動作します。明らかに62.5％ルールは適用されません。どんな考え？あなたは、フォントサイズに相対的であるline-height:2.4emを使用している場合は

* { 
    margin: 0; padding: 0; 
} 

body { 
    font: 62.5% georgia, serif; 
} 

h2 { 
    background: #3418CD; color: #FFFFFF; 
    font: bold 1.6em/24px georgia, serif; 
    letter-spacing: 2px; 
} 

Answer 1

、そう2.4emと1.6emのフォントサイズの行の高さは約38pxの総行の高さを生み出すだろう。

あなたが使用している場合：

h2 { 
    font: bold 1.6em/1.5 georgia, serif; 
} 

その後、行の高さが16pxに×1.5、または24ピクセルに等しくなります。