移动端竖屏解决方案

Posted ovocake

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端竖屏解决方案相关的知识,希望对你有一定的参考价值。

为大家提供一个H5页面手机横屏解决方案,这个是我朋友给我的,特别好用:https://pan.baidu.com/s/1eVZf6frKNnZylkft-OaFPA

当手机横屏的时候会出现:

技术分享图片

因为不管使用监听旋转角度还是监听长宽比进行页面旋转,都会受到兼容性和可操作性的一些限制。这个方案也是用页面的宽高比来确定是否横屏,如有BUG,请自行修复...

哈哈哈,不要方,暂时还没发现无法兼容的机型,如果觉得样式不友好,可以写css改样式。

以上是关于移动端竖屏解决方案的主要内容,如果未能解决你的问题,请参考以下文章

移动端如何强制页面横屏

移动端如何让页面强制横屏

ios系统 竖屏拍照 canvas处理后 图片旋转(利用exif.js解决ios手机上传竖拍照片旋转90度问题)

GShang博客园主题基础版本适配教程详解

移动端项目开发总结

ocrsearch的横屏转竖屏的解决方案