为什么Mac上的margin-top会被2px关闭?

时间:2011-09-22 12:36:11

标签: php css cross-platform margins

如果您在PC上查看我的网站,链接下的图片应该紧贴链接。

但是,如果您在Mac上查看它,图像大约是2px重叠在其上方的链接上。

Mac浏览器是否以不同方式解释CSS值?如margin-top,这是我正在使用的?

使用CSS是否有一个简单的解决方案,或者在使用PHP检测平台后是否需要指定单独的CSS值?

3 个答案:

答案 0 :(得分:3)

如果我设置了body { font: 12px/20px Verdana; },则显示在Mac Chrome中排列,强制导航文本的行高。这不是一个修复,它只是表明它是破坏你的世界的字体大小。

这种将设计元素应用于页面的方法(在我看来)非常古老而且脆弱。我的建议是打破背景,使其组件可以绑定到页面上的各个元素,而不是依靠一些小的推动来排列。无论如何,你所做的一切都可以用直接的CSS完成。

答案 1 :(得分:1)

您可能想要使用重置CSS样式表:

http://meyerweb.com/eric/tools/css/reset/

答案 2 :(得分:1)

尝试添加此css文件。它将重置所有风格。 http://necolas.github.com/normalize.css/