移动端有什么方案可以解决横竖屏幕的问题？

Question

1.我先说说我的想法

• 判断宽高，宽>高==横屏，高>宽==竖屏，如果是竖屏的话提醒用户，横屏效果更好。让用户自己切换

• 网上有的说有移动端有这个东西window.orientation可以判断横竖屏，也可以写在媒介查询里面，那么就可以用他去做样式，横屏不处理，竖屏做rotate。

2.还有其他的方案吗？如果是你，你倾向于什么方案？

Answer 1

今天收到了提醒，我来自问自答一下吧。

横竖屏检测 orientation resize matchMedia

Answer 2

首先你需要知道你判断横竖屏的目的是什么, 是因为你的页面对屏幕宽高比有一定的限制, 还是只是你从心理的角度希望用户使用横屏或竖屏? 如果是前者, 应该直接使用第一种方法, 如果是后者, 则应该首先使用第二种方法, 如果不支持, 可以rollback到第一种方案.