当屏幕旋转的时候会有一个orientationchange事件。你可以给body元素增加此事件的监听：
<body onorientationchange="updateOrientation();">
监控窗体变化来实现监控手机屏幕横竖
@media screen and (orientation:portrait) {
css[竖向定义样式]
}
@media screen and (orientation:landscape) {
css[横向定义样式]
}
-------经过使用，以上方法是有效的，但是手机在竖屏锁定的情况下无法生效，另外css横向样式需要自行设置
未经允许不得转载：易优模板_网站html模板-网站运营 » 如何使手机html页面横屏显示
投稿