Html5 (official account) forces vertical screen in Wechat browser, how to solve it?

now I am working on an official account. Because there are pictures, users are likely to be used to viewing horizontal screens, but the boss only requires vertical screens. I know that QQ and UC can force vertical screens, but how does Wechat browser force vertical screens? Or who has a better way to avoid it? Solve.


Is the official account the web page of the official account? That is based on Wechat's web page.

two ideas:

  1. I don't know if you've ever seen a horizontal screen prompt written by CSS, which is probably to write a media adaptation, display a top-level stack after the horizontal screen, and then put a small CSS animation that prompts the user to rotate the phone. By the same principle, when you switch to a rotating container, you force the vertical / horizontal screen.
  2. the js implementation of the above method, listens to the resize and then rotates.
  3. Canvas game engine. Like egret,layabox, there are adaptation options to force horizontal / vertical screens.
Menu