max-device-widthまたはmax-widthを使用する必要がありますか？
CSSメディアクエリを使用max-device-widthすると、デバイス幅（iPhoneやAndroidデバイスなど）やmax-widthページ幅をターゲットにするために使用できます。 を使用する場合max-device-width、デスクトップのブラウザウィンドウのサイズを変更しても、デスクトップのサイズは変更されないため、CSSは変更されません。 を使用する場合max-width、デスクトップのブラウザウィンドウのサイズを変更すると、タッチ操作に適した要素やメニューなど、モバイル指向のスタイルが表示される場合があります。 特定のブラウザ（およびデバイス？）をターゲットにすることは非推奨になり、ターゲットするものにもう少し注意を払う必要があります。それはメディアクエリにも当てはまりますか？ なぜあなたはお互いをターゲットにするのですか？どれがお勧めですか？ これは、本番Webサイトで使用するメディアクエリの例です。 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 480px) and (max-device-height: 640px) { /* Change a menu to fit the screen better, etc... */ } 私はとの両方を使用する傾向がmax-device-widthありmax-widthます。