之前,监听屏幕旋转都是用js监听screen.orientation角度的改变:《js/javascript如何监听横屏/竖屏旋转?》,然后判断旋转方向,加载不同的css样式。
下面是CSS的监听方法:

/* 横屏 */
@media all and (orientation: landscape) { /**/ }
/* 竖屏 */
@media all and (orientation: portrait) { /**/ }