文章详情页
javascript - 移动端有什么方案可以解决横竖屏幕的问题？
浏览：163日期：2023-01-05 09:02:31
问题描述
1.我先说说我的想法
判断宽高，宽>高==横屏，高>宽==竖屏，如果是竖屏的话提醒用户，横屏效果更好。让用户自己切换
网上有的说有移动端有这个东西window.orientation可以判断横竖屏，也可以写在媒介查询里面，那么就可以用他去做样式，横屏不处理，竖屏做rotate。
2.还有其他的方案吗？如果是你，你倾向于什么方案？
问题解答
回答1：首先你需要知道你判断横竖屏的目的是什么, 是因为你的页面对屏幕宽高比有一定的限制, 还是只是你从心理的角度希望用户使用横屏或竖屏? 如果是前者, 应该直接使用第一种方法, 如果是后者, 则应该首先使用第二种方法, 如果不支持, 可以rollback到第一种方案.
标签：
JavaScript
上一条：javascript - 如果使用webpack + vue 做app，做完后怎么打包成app，（这里指的是混合app）里面还包含module文件夹，下一条：javascript - angular解决动画问题
相关文章：
1. javascript - h5微信中怎么禁止横屏2. node.js - webpack required打包问题3. python - 怎么查看网址做的是什么反爬虫4. 为什么我ping不通我的docker容器呢？？？5. boot2docker无法启动6. nignx - docker内nginx 80端口被占用7. 关docker hub上有些镜像的tag被标记““This image has vulnerabilities””8. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题9. docker-compose中volumes的问题10. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败！
排行榜
网公网安备