首页 > js可以设置网页默认为横屏状态吗?

js可以设置网页默认为横屏状态吗?

网上查了很多都是判断横竖屏的,我想要页面在手机上一打开默认就是横屏状态,请问这个要怎么实现?谢谢~


判断竖屏的时候做提示吧。web层的不行的。

如果是封装在phonegap之类的webapp的话,还可以。


首先,横竖屏状态是无法用程序控制的,但是,解决方案还是有的:

  1. 打开页面时通过window.orientation可以判断网页是横屏还是竖屏,如果是竖屏,给整个页面添加样式transform: rotate(90deg);这样,你的页面就显示横屏的效果了。
  2. 用户看到横屏效果,第一反应是旋转手机,这个时候你可以通过window.orientationchange来捕获这个事件,然后再把transformrotate变回0即可。

总的来说,结合window.orientationchangewindow.orientation可以灵活的对网页进行变换。


目前还不能强制设备横屏(已经有了相应的api 但是还不通用),你可以检测他们的方向然后做相应的提示,比如你想用户一直竖屏,一旦他们横屏的时候 你就提示 说 竖屏体验更加,还蛮多应用这么做的


好像只能监听 window.orientationchange 事件,来判断横竖屏,设置不太清楚,坐等大神回复。

【热门文章】
【热门文章】