使用横向媒体查询

Question

我使用媒体查询让我的页面在移动设备上响应，但请注意，设备旋转时不影响媒体查询。我如何以即使在屏幕旋转时（风景）仍能保持的方式使用它。

Answer 1

您应该使用设备的方向

设备方向

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

供参考：1) click me2) me too