網站可以在Chrome，Firefox中運行，但不能在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 。

我建議您單擊此鏈接 ，復制粘貼您的CSS代碼 ，分析完成后，單擊“ 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;
}