以下のようにメタ ビューポート タグを使用して、モバイル ブラウザーにコンテンツを 1200 ピクセル幅のディスプレイで表示されているかのようにスケーリングするように指示する場合 (問題のブラウザーの実際の幅は 500 ピクセルです)。
<meta name="viewport" content="width=1200px;" />
そして、次のようなメディアクエリも使用します
@media only screen
and (max-width : 1200px) { /* NEW CSS */ }
どれが慣れるでしょうか？タグがないviewport場合と同様に、メディア クエリ = true であるため、新しい css を使用する必要がありますが、viewportはデバイスが であると言っています1200px。
注：デバイスの幅でmax-widthはなく、ブラウザウィンドウの幅に等しいものを使用していますmax-device-width