使用媒体查询横向

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