1

純粋な CSS を使用してドロップ キャップのスタイルを設定しています。私の問題は IE9 です - IE 8 と IE 10 を含む、私がテストした他のすべてのブラウザーで垂直位置を設定する行の高さの値に注意を払わないようです。ドロップ キャップの垂直位置を調整する方法が見つかりません。 IE 9 で - 助けてもらえますか?

http://graphicviolence.co.ukの私のサイトを参照してください。私のドロップ キャップの CSS は次のとおりです。

.art-postcontent > p:first-of-type:first-letter 
{
letter-spacing:0;
text-transform:uppercase;
color:#250607;
font-size:50px;
font-weight:normal;
float:left;
margin:5px 5px -7px 0; /* THESE VALUES SET TXT WRAP AROUND DROP CAP */
line-height:1; /* THIS SETS BASELINE POSITION OF DROP CAP */
}

ありがとう

4

1 に答える 1

1

IE9 は相対的なフォント サイズを異なる方法でレンダリングするため、 font relative lengthsを使用してドキュメント ルート グリフ サイズを参照することでこれを解決できます。

rem値の単位を使用しline-height、ドキュメント ルート ( ) に設定されているフォント サイズと関連付けますhtml。

于 2012-06-18T15:53:48.990 に答える