js开发webapp如何禁止手机横屏

Question

用js开发webapp，领导要求只能在手机竖屏情况下看，手机横屏不能看，怎么禁止手机横屏？

Answer 1

锁定屏幕方向

Answer 2

微信的话好像可以通过调用他们的API来实现，至于其他的浏览器现阶段都不行。但你可以做一个提示，要求用户将手机横屏，这是比较好的解决办法了。

Answer 3

最好就直接写一个提示的DIV.tips

然后使用媒体查找

@media screen and (orientation:landscape) {
    .tips{
        display:block;
    }
    /*  内容就隐藏  */
    .container{
        display:none
    }
}

Answer 4

所谓的禁止是怎么禁止？要达到什么效果？