Javascript 更改纵向屏幕的CSS（例如，iPad）

我已经建立了一个网站，我很高兴它的反应。然而，在纵向模式的ipad上，下半部分有大量的空白，我想知道是否有一种方法可以检测纵向屏幕并相应地更改CSS

如果有人能给我指出正确的方向，我将不胜感激

---

谢谢

您可以检测屏幕的宽度和高度。如果高度大于宽度，则为纵向

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

---

谢谢你的快速回复！我会测试一下，让你知道我进展如何。再次感谢！！那真是太容易了！！非常感谢您的帮助：）

/* Portrait */
@media screen and (orientation:portrait) {
/* Portrait styles */
}
/* Landscape */
@media screen and (orientation:landscape) {
/* Landscape styles */
}