移动端H5APP，横屏是如何实现的？

Question

手机打开app的时候要求页面是横着显示，不管手机横着还是竖着，看到有说法是按横着的样式竖着写页面，问题是如果这么做，上下左右滑动的事件是不是就又转换了？刚刚接触移动端，请各位好汉解解惑。谢谢。

Answer 1

谢邀，我之前做这种需求的方法较为讨巧，哈哈。

在DOMContentLoaded后直接检测当前页面的宽高，然后进行对比，如果width比height大，就是横屏，不然就是竖屏。

然后不用上下滑动啥的重写方向值，这是系统自己就转化好了的。

你只需要在横屏模式调试就搞定了。

Answer 2

JS判断横竖屏，竖屏时，给出提示，横屏时正常显示就是了，做的时候，按横屏做就是了

Answer 3

"手机打开app的时候"可以理解为不是webapp，而是混合app么？
那么，webview初始化直接横屏就可以咯！问你们安卓开发吧；

Answer 4

我这里横屏后，在安卓上下滑是左右滚动，左右滑是上下滚动，请问有什么解决方案吗？