CSSでタブとモバイルのランドスケープメディアクエリを設定するにはどうすればよいですか？

Question

ウェブビューを使用してAndroidアプリを作成しています。私のアプリは常にランドスケープモードで開きます。モバイルとタブの両方に異なるUIが必要です（ランドスケープモードの両方）。

Answer 1

風景に設定するには、メディアクエリの場合、あなたはこのようにプロパティorientationを使用する必要があります唯一のモバイル、タブ、コンピュータの画面を目指すために

@media all and (orientation: landscape) { ... } 

、ルールscreenを使用する必要があります。最終結果は次のようなものです：

@media screen and (orientation: landscape) { ... }