移动端页面通过前端方法禁止ios页面横屏？

Question

移动端页面样式如果是横屏时就乱了，如何通过前端的方法禁止ios横屏呢？

Answer 1

@media all and (orientation : landscape) { 

/*横屏时代码*/

} 

@media all and (orientation : portrait){ 

/*竖屏时代码*/

}

你可以通过css来判断，当横屏时，弹出相应提示。

类似这样的效果