文章详情页
javascript - 移动端有什么方案可以解决横竖屏幕的问题?
浏览:109日期: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 - 使用form进行页面跳转,但是很慢,如何加一个Loading?2. javascript - ES6规范下 repeat 函数报错 Invalid count value3. angular.js - angularjs 注入模块报错 很怪异... 求解惑4. angular.js - 输入邮箱地址之后, 如何使其自动在末尾添加分号?5. javascript - JS 里面的 delete object.key 到底删除了什么?6. docker-machine添加一个已有的docker主机问题7. mysql - 电商如何存储营业额数据8. 管理员信息修改时的密码问题9. html5 - 为什么使使用vue cli 脚手架,post-css 没有自动对css3属性自动添加浏览器前缀呢?10. javascript - html5的data属性怎么指定一个function函数呢?
排行榜
