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

Question

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

Answer 1

我之前做这种需求的方法较为讨巧，哈哈。在DOMContentLoaded后直接检测当前页面的宽高，然后进行对比，如果width比height大，就是横屏，不然就是竖屏。然后不用上下滑动啥的重写方向值，这是系统自己就转化好了的。你只需要在横屏模式调试就搞定了。