javascript - js開發webapp如何禁止手機橫屏

Question

用js開發webapp，領導要求只能在手機垂直螢幕情況下看，手機橫屏不能看，怎麼禁止手機橫屏？

Answer 1

鎖定螢幕方向

Answer 2

微信的話好像可以透過呼叫他們的API來實現，至於其他的瀏覽器現階段都不行。但你可以做一個提示，要求用戶將手機橫屏，這是比較好的解決辦法了。

Answer 3

最好就直接寫一個提示的p.tips

然後使用媒體尋找

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

Answer 4

所謂的禁止是怎麼禁止？要達到什麼效果？