IE9中的懸掛CSS樣式

Question

我使用純CSS來設計懸掛帽。我的問題是IE9 - 它似乎沒有注意到行高值，它設置了我測試的其他瀏覽器（包括IE 8和IE 10）的垂直位置。我無法找到調整drop cap的垂直位置在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）的字體大小設置關聯。