Ohhh Internet Explorer ...
我试图在DOM中为Celsius / Fahrenheit值渲染HTML实体(十进制/十六进制),这对吗?不幸的是......我注意到,通过IE11(WIN 8.1)测试,HTML实体容器的font-family
名称被忽略,浏览器正在奇怪地呈现它 (见下文)。
我想知道是什么类型的怪怪可能会产生这种怪癖,因为我现在无法追查根本原因。任何帮助将不胜感激!
视觉效果:
演示:
<style>
body {
margin: 40px;
}
div {
width: 50%;
margin: 0 auto;
text-align: center;
}
span {
font-family: "Open Sans", Arial Unicode MS;
font-size: 14px;
display: inline-block;
padding-right: 30px;
}
</style>
<div>
<span>24℉</span>
<span>24℉</span>
<hr/>
<span>42℃</span>
<span>42℃</span>
</div>