php - 为什么 margin-top 在 Mac 上减少了 2px？

Question

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

但是，如果您在 Mac 上查看它，图像与上面的链接重叠大约 2 像素。

Mac 浏览器对 CSS 值的解释是否不同？比如margin-top，我用的是哪个？

是否有使用 CSS 的简单解决方案，或者我是否需要在使用 PHP 检测到平台后指定单独的 CSS 值？

Answer 1

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

这种将设计元素应用到页面的方法(在我看来)相当老套且脆弱。我的建议是分解背景，这样它的组件就可以绑定(bind)到页面上的各个元素，而不是依靠微调来排列。无论如何，您所做的几乎所有事情都可以直接使用 CSS 来完成。