css3媒體查詢正在瀏覽器調整大小，但在我的iPhone上，他們似乎並不工作

Question

我正在建立我的WordPress博客（用CSS做CSS）。 我已經創造了所有類型的媒體查詢的瀏覽器尺寸，你可以在這裏看到： http://pastie.org/3846370

當我調整我的筆記本電腦的瀏覽器，他們完全正常工作。但是，當我去Iphone上測試網站時，他們看不到工作。

我還要提到的是我確實包括在頭

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

缺少什麼我在這裏正確的meta標籤？

Answer 1

好吧，所以我解決了這個問題。

問題是我最先加載了最小的設備的媒體查詢，最後加載了最大的設備，這應該是相反的方式。 您應該從最大的設備寬度開始，以最小的寬度結束。

此外，你應該刪除min-width屬性，只留下最大寬度。