Home  >  Q&A  >  body text

javascript - 移动端H5APP,横屏是如何实现的?

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

高洛峰高洛峰2728 days ago354

reply all(3)I'll reply

  • ringa_lee

    ringa_lee2017-04-11 09:07:16

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

    reply
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-11 09:07:16

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

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

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

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

    reply
    0
  • 天蓬老师

    天蓬老师2017-04-11 09:07:16

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

    reply
    0
  • Cancelreply