Css 浏览器 windows safari 和 mac safari 问题答案

【问题标题】：Css browser windows safari and mac safari issueCss 浏览器 windows safari 和 mac safari 问题
【发布时间】：2017-08-04 15:38:21
【问题描述】：

大家好，我有一个 css 代码，见下文：

    .left {
    margin-bottom: 20px;
    }

这将在带有 Safari 浏览器和 Chrome 浏览器的 Windows 操作系统中工作，但它完全与 Mac OS Safari 浏览器相混淆。在我在 Mac 中调试后，它的工作原理是这样的

    .left{
    margin-bottom: 30px;
    margin-left: -120px;
    }

有人帮我解决这个问题。

【问题讨论】：

它在您的 Mac 上看起来如何？也许它不是操作系统，而是你电脑的屏幕大小..
我用相同的屏幕尺寸 1440px 但不同的操作系统对其进行测试。
也许是个愚蠢的问题，但没有适用于 Windows 的 Safari。除非您指的是几年前停产的那个，否则您真的不应该用它来与任何东西进行比较。无论如何，可能导致这种差异的一种方式是媒体查询，例如 M.Y 提示。或者一些只在某些情况下运行的 JavaScript。

【解决方案1】：

你可以将 css for mac .left {margin-left:0;} 分开根据浏览器尝试以下链接。 https://jeffclayton.wordpress.com/2015/04/28/css-hacks-for-safari-6-1-7-and-8-not-chrome/

【讨论】：