为什么 Mac 上的 margin-top 减少了 2px？
如果您在 PC 上查看我的网站，链接下方的图像应紧贴链接下方。
但是，如果您在 Mac 上查看它，图像与其上方的链接重叠大约 2 像素。
Mac 浏览器对 CSS 值的解释是否不同？比如我用的是margin-top？
是否有一个简单的 CSS 解决方案，或者我是否需要在使用 PHP 检测平台后指定单独的 CSS 值？
If you view my website on a PC, the image under the links should fit snugly under the links.
However, if you view it on a Mac, the image is about 2px overlappin the links above it.
Do Mac browsers interpret CSS values differently? Such as margin-top, which is what I'm using?
Is there an easy solution to this with CSS, or do I need to designate separate CSS values after detecting the platform with PHP?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
如果我设置
body { font: 12px/20px Verdana; ，则显示会在 Mac Chrome 中对齐。 }，强制导航文本的行高。这不是解决办法，它只是表明字体大小正在打破你的世界。这种将设计元素应用到页面的方法（在我看来）非常老式且脆弱。我的建议是分解背景，以便其组件可以与页面上的各个元素绑定在一起，而不是依靠小小的推动来排列事物。不管怎样，你所做的几乎所有事情都可以直接用 CSS 来完成。
The display lines up in Mac Chrome if I set
body { font: 12px/20px Verdana; }, forcing the line height of the nav text. This isn't a fix, it just demonstrates that it's the font size that's breaking your world.This method of applying design elements to a page is (in my opinion) pretty old-school and fragile. My recommendation would be to break up the background so its components can be tied to individual elements on the page rather than relying on little nudges to line things up. Pretty much everything you're doing could be accomplished with straight CSS, anyway.
您可能需要使用重置 CSS 样式表：
http://meyerweb.com/eric/tools/ css/重置/
You may want to use a reset CSS stylesheet:
http://meyerweb.com/eric/tools/css/reset/
尝试添加这个css文件。它将重置所有样式。 http://necolas.github.com/normalize.css/
Try to add this css file. It will be reset all style. http://necolas.github.com/normalize.css/