通过javascript实现页面的横竖屏固定

  javascript是不能固定页面是横屏还是竖屏的,但是我们可以通过另外一种思路来监听window.orientation状态,假设我们要固定页面为横屏显示,则当window.orientation返回的是竖屏,则给整个body页面添加一个样式transform: rotate(90deg);这样页面就是横屏效果了.

  当用户不经意转屏的时候,会触发orientationchange事件,你可以通过window.orientationchange来捕获这个事件,然后再把transformrotate变回0即可。

  总而言之,就是通过window.orientation来初步判断横屏竖屏,然后再通过window.orientationchange=function(){...}来固定屏幕。

posted @ 2016-01-08 11:04  666的不得了  阅读(857)  评论(0编辑  收藏  举报