如果您在 PC 上查看我的网站,链接下的图像应该紧贴链接下方。
但是,如果您在 Mac 上查看它,图像大约 2px 重叠在其上方的链接上。
Mac 浏览器对 CSS 值的解释不同吗?比如margin-top,我用的是哪个?
是否有使用 CSS 的简单解决方案,或者我需要在使用 PHP 检测平台后指定单独的 CSS 值?
如果您在 PC 上查看我的网站,链接下的图像应该紧贴链接下方。
但是,如果您在 Mac 上查看它,图像大约 2px 重叠在其上方的链接上。
Mac 浏览器对 CSS 值的解释不同吗?比如margin-top,我用的是哪个?
是否有使用 CSS 的简单解决方案,或者我需要在使用 PHP 检测平台后指定单独的 CSS 值?
如果我设置body { font: 12px/20px Verdana; }
,则显示在 Mac Chrome 中对齐,强制导航文本的行高。这不是一个修复,它只是表明它是打破你的世界的字体大小。
这种将设计元素应用到页面的方法(在我看来)非常老派且脆弱。我的建议是分解背景,使其组件可以与页面上的各个元素相关联,而不是依靠小小的推动来排列。无论如何,您所做的几乎所有事情都可以通过直接的 CSS 来完成。
尝试添加这个 css 文件。它将重置所有样式。http://necolas.github.com/normalize.css/
您可能想要使用重置 CSS 样式表: