css - Verdana 字体在 IE9 中是随机高度

Question

我有一系列简单的 div，其 span 包含“零宽度字符”(#8203) 和带有文本的 span。

在 IE9 中呈现时，高度或外部跨度偏移有 1px 的差异。 什么样的优化可能会导致这种情况？

是否有任何 css/javascript 解决方法来禁用它？

...
<p>.</p>
<div class="wrap">
    <span class="outer">
        <span class="inner">&#8203;</span>
    </span>
    <span class="outer">
        <span class="inner">8203820382038203820382038203820382038203</span>
    </span>
</div>
<p>.</p>
...

http://jsfiddle.net/srfCR/

Answer 1

您可以创建一个特定的 css 文件来解决这个问题:

<!--[if IE 9]>
<link rel="stylesheet" href="css/ie9.css"/>
<![endif]-->