javascript - js可以设置网页默认为横屏状态吗？

Question

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

Answer 1

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

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

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

Answer 2

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

Answer 3

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

Answer 4

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

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