网站使用Chrome浏览器，但在Safari中没有

Question

我正在建立一个测试网站（http://rocketplays.com），它正在使用Chrome和Firefox，但当我尝试在Safari中打开网站时，它会被锁定在网站的底部。有什么办法解决这个问题？

谢谢！

Answer 1

我检测到导致问题的文件，这是样式表之一：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 '标签，查看导致问题的行。

如果您有任何其他问题，请与我们联系。

Answer 2

这似乎导致了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;
}