在Safari / Mac中关闭1px,但可以在Safari / Windows上使用

时间:2010-05-11 17:20:02

标签: css macos safari

我在这个人的墙上撞着我的头;徽标图像(“它的所有关于收入”)在Mac上的Safari中向上移动一个像素,但在我能够测试的所有其他浏览器/操作系统组合中正确呈现。有没有人对这可能是什么有任何想法?这是网站:http://blog.eloqua.com/

提前感谢您的帮助!

2 个答案:

答案 0 :(得分:4)

height元素的<div class="parentLogo">属性在两个浏览器之间的计算方式不同:

您需要手动设置其height属性:

.custom .parentLogo {
    height: 40px;
    ...
}

这应解决问题。

答案 1 :(得分:3)

我多次遇到这个1px错误,特别是在使用CSS重置时。这实际上是一个行高问题。

为所有浏览器设置基线高度:

body {
  line-height: 1em;
}