響應式布局不適用於移動設備

Question

我有一個網站可以在桌面網絡瀏覽器中正常工作，而不會出現任何問題（ www.coolnique.com ）-但是，在移動設備上查看時，它似乎無法獲得正確的屏幕尺寸。

我正在使用的元標記是：

<meta name="viewport" content="width=device-width, initial-scale = 1.0">

我正在iPhone上查看它，並且視口似乎認為該設備實際上是它的兩倍。

如果您在桌面上查看它並玩弄它，然后在移動設備上查看該網站，您將會明白我的意思。 我不知道還有什么會影響它！

如果有人想要更多詳細信息，請告訴我。

謝謝！

Answer 1

永遠記得先驗證您的代碼！ 通過驗證器運行CSS時，出現錯誤：

Parse Error 
/*layouts smaller than 600px, iPhone and mobiles*/ 
@media only screen and (max-width: 480px), s...

您似乎尚未關閉上一個媒體查詢的括號。