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

Question

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

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

谢谢

Answer 1

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

Answer 2

那么你可以只检测屏幕宽度和高度。如果高度大于宽度，则为纵向。

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