网站在 Chrome、Firefox 中运行，但在 Safari 中不可用

【问题标题】：Website working in Chrome, Firefox but no in Safari网站在 Chrome、Firefox 中运行，但在 Safari 中不可用
【发布时间】：2017-08-06 18:42:29
【问题描述】：

我正在构建一个测试网站 (http://rocketplays.com)，它可以在 Chrome 和 Firefox 上运行，但是当我尝试在 Safari 中打开该网站时，它被锁定在网站的底部。任何线索可以解决这个问题？

谢谢！

【问题讨论】：

标签： html

【解决方案1】：

这似乎是导致 Safari 出现问题的原因：

.main-content {
   flex: 1 1 0%;
}

尝试将其添加到 css 文件的底部：

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .main-content {
        flex: 1;
    }
}

或者我认为条件可能不是必需的，您可以更改

.main-content {
   flex: 1 1 0%;
}

到

.main-content {
    flex: 1;
}

【讨论】：

【解决方案2】：

我检测到导致问题的文件，这是样式表之一：thesaas.min.css。

对您的 CSS 代码运行测试后，CSS 代码似乎与以下浏览器不兼容：IE 8-11、Safari 8、Internet Explorer Mobile 11 和 iOS Safari 8。

我建议你click this link，复制粘贴your CSS code，分析完成后，点击'Safari 8 ' 选项卡以查看导致问题的行。

如果您还有其他问题，请告诉我。

【讨论】：