css - css3 メディア クエリはブラウザのサイズ変更で機能していますが、私の iPhone では機能していないようです

Question

WordPress ブログを作成しています (scss で css を実行しています)。ここで確認できるブラウザー サイズのすべてのタイプのメディア クエリを作成しました: http://pastie.org/3846370

また、ラップトップのブラウザーのサイズを変更すると、完全に正常に動作します。しかし、私が行って Iphone でサイトをテストすると、動作することがわかりません。

また、ヘッダーに適切なメタタグを含めたことにも言及する必要があります

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

ここで何が欠けていますか？

Answer 1

さて、これを解決しました。

問題は、最初に最小のデバイスのメディアクエリをロードし、最後に最大のデバイスをロードしていたことでした。これは逆のはずです。最大のデバイス幅から始めて、最小のデバイス幅で終了する必要があります。

また、min-widthプロパティを削除し、max-widthのみを残す必要があります。