你的位置:首页 > Java教程

[Java教程]通过javascript实现页面的横竖屏固定

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

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

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