IE7宽度中的渲染字体比其他borwsers大(顶部图像部分是IE9,底部部分是Firefox):
HTML:
<div id="header_tools">
<a href="#">Support</a> | <a href="#">FAQs</a> | <a href="#">Sitemap</a> | <a href="#">Help</a>
</div>
和CSS
div#header_tools {
font-size: 14px;
font-weight: normal;
color: #918e8e;
float: left;
}
div#header_tools {
position: relative;
top: 7px;
left: 680px;
}
div#header_tools a {
font-size: 14px;
color: #918e8e;
}
有人知道为什么会这样,以及如何解决它?
答案 0 :(得分:0)
它似乎与单词间距有关(这也是一个CSS属性)。最简单的可能是使用
而不是空格。
(似乎字体抗锯齿/提示也有差异。) 对不起,我认为字体渲染会造成轻微的差异。
答案 1 :(得分:0)
我建议您将链接填充设置为0并将空格更改为
或不使用空格而不是使用填充。
div#header_tools a {
font-size: 14px;
color: #918e8e;
padding:0;
}