我正在使用纯CSS来设置样式。我的问题是IE9 - 它似乎没有注意到行高度值,它设置了我测试的每个其他浏览器的垂直位置,包括IE 8和IE 10.我无法找到调整下降盖的垂直位置在IE 9中 - 你能帮助我吗?
请访问我的网站:http://graphicviolence.co.uk,我的首字母缩写为:
.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 */
}
由于 吨
答案 0 :(得分:1)
由于IE9以不同的方式呈现相对字体大小,您可以通过使用font relative lengths参考文档根字形大小来解决此问题。
使用rem
值上的line-height
单位,并将其与为文档根目录(html
)设置的字体大小相关联。