css - IE9 中的首字下沉 CSS 样式

Question

我使用纯 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 */
}

谢谢

Answer 1

由于 IE9 以不同方式呈现相对字体大小，您可以通过使用 font relative lengths 引用文档根字形大小来解决此问题.

在 line-height 值上使用 rem 单位，并将其与为文档根 (html) 设置的字体大小相关联.