私は自分のウェブサイトをローカルで開発しており、Chrome を使用してプレビューを行っています。を使用するメディアクエリをテストするためにブラウザのサイズを変更するのは非常に簡単ですが、組み込みの設定でmax/min-widthシミュレートすることはできません。max/min-device-widthモバイル デバイスをシミュレートし、メディア クエリをトリガーする Chrome 拡張機能はありmax/min-device-widthますorientation:portrait/landscapeか?
基本的に、このメディア クエリを、スマートフォンではなくパソコンの Chrome でテストする方法が必要です。
@media only screen and (max-device-width: 600px) and (orientation: portrait)