更改縱向屏幕的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 
}