网站在Chrome浏览器，火狐浏览器，但没有在Safari浏览器中工作

Question

我正在构建测试网站（http://rocketplays.com），它正在使用Chrome和Firefox，但是当我尝试在Safari中打开网站时，它锁定在网站的底部。任何线索什么会解决这个问题？

谢谢！

Answer 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; 
} 

Answer 2

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

运行你的CSS代码测试之后，看来该CSS代码与以下浏览器兼容：IE 8-11，Safari浏览器8，移动互联网浏览器11和iOS的Safari浏览器8。

我会建议你click this link，复制粘贴your CSS code，一旦分析完成后，点击“Safari浏览器8”标签，查看哪些行导致的问题。

让我知道你是否还有其他问题。