メディアクエリの最大幅が正しく機能していない

Question

みなさんこんにちは！私は現在、Webアプリケーションで作業しており、モバイルとデスクトップをサポートする目的で、メディアクエリを使用しています。

私は最初のブレークポイントとしてmax-width: 414pxを使用して、より小さな画面サイズの現在のiPhoneや他の携帯電話で作業しようとしました。しかし、いろいろなフォーラム投稿、反応するウェブデザインチュートリアル、ウェブドキュメントを再読しても、それは必要な方法ではうまくいかないでしょう。

私も414pxの画面サイズにmax-width、または（私が試してみました）下を使用するとき、それは実際に動作しないことをここに参照してください。スタイルは適用されません。私が使用するであろう今

、min-width、それは仕事をして、しかし、私はそれがより良い機能のためにmax-widthを使用することをお勧めRWDの練習だ読みました。

ご提案は何ですか？ありがとうございました！

Answer 1

あなたの問題は、あなたがズームモード（2倍または3倍など）になっていることだと思います。 Safariレスポンスモードの場合は、View > Actual Sizeを使用することを忘れないでください。どのような方法でも拡大表示されていないことを確認してください。良い一日を過ごしてください！