media-queries - max-widthを使用せずに網膜電話のランドスケープをメディアクエリする方法は？

Question

Galaxy S3（1280x720 px）で1ページのサイトをテストしていますが、max-widthに何が必要かわからないようです。私はそれを調べましたが、現在の答えを見つけることができませんでした-最も明確な答えは「網膜前」からのものでした。（または、それらはまだ機能する必要があります..？）

ピクセルデバイスが急速に変化している中で、デバイスのオリエンタティーノによってメディアクエリをターゲットにする方法はありますか？

Answer 1

メディアクエリには、ポートレートモードまたはランドスケープモードを検出するためにクエリで使用できる「方向付け」機能もあります。状況に応じた正しいメディアクエリは次のとおりです。

@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {
/* insert styles here */
}

補足として、他の有効なメディアクエリを把握する必要がある場合は、オプションのデバイスプリセット（ここで使用したものは「GalaxyNexus、landscape」としてリストされています）を使用して便利なメディアクエリ構築ツールを作成しました：http：// arcsec .ca / media-query-builder /

Answer 2

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
 and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

他にもたくさんあります。http：//css-tricks.com/snippets/css/media-queries-for-standard-devices/をチェックしてください。