2016-05-16 94 views
0

我不是一個非常有經驗的開發人員,所以這些問題可能會有比我更明顯的解決方案。IOS無法識別媒體查詢和某些CSS樣式

我正在開發的網站是ion123.com

我一直在使用我的LG G4進行移動測試。網站在該特定設備上看起來很棒。看起來像在Safari,iPhones和iPad上屁股。似乎IOS根本沒有收到我的媒體查詢,並且我使用頭部中的視口標籤。

這也不適合某些元素的造型。例如,Solutions頁面上的左側邊欄按鈕。

我真的很感謝這裏的一些指導。謝謝!

+0

嘗試添加到你的頭標記這個正確顯示:。如果我可以進入你的網站會更容易,但是因爲我現在在中國,所以互聯網在這裏非常糟糕。 – Frutis

+0

是的,我補充說。謝謝,不過。 – Garrett

+0

剛剛注意到一秒前我的壞。 – Frutis

回答

0

這似乎是您的main_style.css文件的問題。嘗試運行https://jigsaw.w3.org/css-validator/,並且會出現一些錯誤,其他瀏覽器可以正常運行,但safari無法正常運行。

  • 你有一些關鍵幀動畫,是不完整的,你應該解決這些問題或刪除它們(LN 234-237,240-243,258-261)
  • LN 252字符間距不具有有效的價值。在1.2之後應該有一個'px'
  • ln 355應該刪除隨機的'/'字符。

一旦這些問題已修復的網站開始了我的iOS設備和Safari(臺式機)

+0

對!我會修復這些領域並嘗試一下。謝啦。 – Garrett

+0

哇。刪除這些關鍵幀動畫的確有竅門。爲什麼那些已經完全搞砸了IOS的整個佈局? 順便說一下,非常感謝您花時間爲我研究這個問題。 – Garrett

+0

不完整的關鍵幀動畫導致Safari瀏覽器無法像其他瀏覽器一樣忽略的解析錯誤。所以基本上safari在遇到問題時就停止閱讀css,這就是爲什麼它完全忽略了您的媒體查詢。你還應該修復其他兩個問題,如果你不這樣做,也會導致你的CSS無效,這可能會導致其他問題。 – darrenallen7