javascript - 縦画面の CSS の変更 (iPad など)

Question

ウェブサイトを構築しましたが、そのレスポンシブ性に満足しています。ただし、縦向きモードのiPadでは、下半分に大量の空白があり、縦向きの画面を検出してそれに応じてCSSを変更する方法があるかどうか疑問に思っています.

誰かが私を正しい方向に向けることができれば、それは大歓迎です!

ありがとう

Answer 1

画面の幅と高さを検出するだけで済みます。高さが幅よりも大きい場合は、縦長です。

if (window.innerHeight > window.innerWidth) {
    //Portrait code here
}