javascript - How to disable horizontal screen of mobile phone in webapp developed with js

Question

Using js to develop a webapp, the leader requires that it can only be viewed when the mobile phone is in portrait mode and not in landscape mode. How to prohibit the mobile phone in landscape mode?

Answer 1

Lock screen orientation

Answer 2

For WeChat, it seems that it can be achieved by calling their API, but other browsers are not able to do so at this stage. But you can make a prompt asking users to turn their phones horizontally, which is a better solution.

Answer 3

It’s best to just write a p.tips

Then use media lookup

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

Answer 4

What is the so-called prohibition? What effect is to be achieved?