用於iPad的safari中的損壞網站只有

我的最後一個網站上有一個從未見過的問題。這是一個WordPress網站，我提出的主題有這個問題：用於iPad的safari中的損壞網站只有

它適用於所有導航器和設備，除了僅用於顯示網站標題（header.php文件內容）的Ipad Safari瀏覽器。

我需要一些人來解釋我在那裏發生了什麼，或者可能告訴我調試工具是否存在（我在windows上開發，我家裏有iPad）。

該網站的演示在那裏：http://sylvain-galoustoff.com/delim/ 如果需要，我也可以在gitHub上上傳我的主題。

歡迎任何幫助，謝謝。

您正在使用的display: flex;屬性看起來像是默認爲display: -webkit-box;並且搞砸了。

任何你叫display: flex，你還需要調用display: -webkit-flex;。 Reference

關於Flexbox的和Safari瀏覽器的詳細信息see here

2017-06-17 16:49:41

謝謝瑞安，我在想，-webkit-盒是Safari的等效彎曲。我會檢查這一點，我會告訴你。我仍然困惑，它在iPhone上工作正常，而不是和Ipad。 – Sylvain71710

還有一件事：你如何在Safari上進行調試？你是如何獲得截圖的？ – Sylvain71710

我使用[BrowserStack]（https://www.browserstack.com）進行跨瀏覽器/移動測試。下面是[iPhone 6S]（http://i.imgur.com/xNeSZdj.jpg）網站的外觀圖片 –

回答