ランドスケープオリエンテーションクエリ

ランドスケープ方向の検出

orientationメディア機能は、ビューポートが高さより幅が広いか（landscape）、幅より高さが高いか（portrait）を検出します。

クエリ

@media (orientation: landscape) {
  /* ランドスケープスタイル */
}

幅との組み合わせ

方向だけでは曖昧な場合があります。横向きのスマホはまだ狭いかもしれません。幅と組み合わせて精度を高めましょう：

@media (orientation: landscape) and (max-height: 500px) {
  /* ランドスケープのスマホ -- 非常に短いビューポート */
}