Safari瀏覽器9（在iOS9）忽略CSS設置

這是在所有瀏覽器，所有的窗口大小工作正常響應HTML。它過去也適用於iPhones，直到iOS9誕生。現在整個網站都壞了。額外的利潤率（我猜測）已被添加，這意味着所有的盒子似乎都有很大的空白。以下是我的iPad截圖。

我設置了視區

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

我試過利潤率設置爲0，甚至爲負值，但框不動。我也嘗試刪除任何div標籤之間的空白，沒有任何變化。

我使用的是響應CSS的所有瀏覽器：dev.mailagent.biz/cms/css/main_responsive.css 然後專門安裝這一個iOS9：http://dev.mailagent.biz/cms/css/iOS9.css

然而，大部分的風格依然被忽略尤其是與利潤率掛鉤。例如。 iOS9樣式表實際上應該將整個站點與左側對齊（.centeredWrapper具有邊距：0不是邊距：自動）。我知道iOS9.css是附加在iPhone/iPad上的，例如，與桌面版本相比，頂部菜單中的某些邊距和顏色已成功更改。

有沒有人有任何想法是怎麼回事？如何告訴Safari停止嘗試變得聰明？或者我應該如何改變我的標記？在main_responsive

2015-09-25 Elendurwen

檢查它在Safari中的計算機上爲好。看起來一樣，可能更容易調試！ –

我在Safari中看到很多「無效的CSS屬性聲明」警告，這些警告都與兩個樣式表中的*屬性選擇器有關。我不知道這與它有什麼關係。 –

是的，因爲桌面safari升級到9.0，它有同樣的問題。在下面的答案中肯定存在CSS驗證問題。謝謝！ – Elendurwen

281線（或98）似乎是罪魁禍首：

.content ul, .content ol, :not(.content ul.slideshowUl) { margin: 0 0 10px 30px;}

我評論說出來的Safari瀏覽器檢查，整個頁面就恢復正常。

2015-10-05 17:52:25

謝謝你，你是對的，你認爲新的Safari只是不喜歡：不聲明？ – Elendurwen

實際上，在語句中使用逗號，：not選擇器似乎在沒有類「.content ul.slideshowUL」的頁面上選擇EVERYTHING。換句話說，不是我假設它正試圖完成的正確語法。 –

但這並不能解釋爲什麼Safari是唯一顯示問題的人！ –

嘗試添加收縮到適合您的視口代碼

<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">

2015-10-09 13:26:17

回答