Question

我在浏览器中获取菜单链接中的字体时遇到问题。如果它只是一个小差异就不会出现这样的问题，但事实是在IE 9中，字体看起来至少比其他字体大几个像素或更大，而使用的确如此同样的css。

现在进入主菜单，这看起来很糟糕。任何人都知道为什么会这样，我能做些什么呢？

这是css规则：

ul#menu li a
{
    width: 80%;
    text-align: center;
    font-family: HelveticaNeueLight, Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    line-height: 38px; 
    color: #333;
    text-shadow: 0px 1px 0px #e5e5ee;


    display: block;
    /*Hiding dots around clicking on links*/
    outline: none;  
    overflow: hidden;
}

Answer 1

如果这真的很重要，并且您不介意使用条件注释将IE目标CSS发送到浏览器，您可以为IE 9创建一个条件注释样式表，如下所示：

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

使用此css文件中的font-size属性的另一个CSS规则。

否则，良好的第一步是始终使用CSS重置来在浏览器之间进行标准化。常用的重置是Eric Meyers和YUI。

Answer 2

也许某些其他属性的CSS不一致？我尝试使用CSS重置文件（http://developer.yahoo.com/yui/reset/）或在其中添加zoom: 100%以查看是否可以修复它。

IE 9中的字体比IE 8和其他浏览器更大？

2 个答案: