How to disable horizontal screen in html5

How to disable horizontal screen in html5: First open the corresponding HTML5 code file; then add "<meta name="screen-orientation" content="portrait">" in the head area to disable html5 The page is horizontal.

The operating environment of this article: Windows7 system, HTML5&&CSS3 version, Dell G3 computer.

Disable horizontal screen of html5 page on mobile phone

Prohibit horizontal screen of html5 page on mobile phone. The codes for prohibiting horizontal screen of uc browser and qq browser are as follows, and the meta tag is added to the head area&lt ;meta name="screen-orientation" content="portrait">

uc browser forces vertical screen

<meta name="screen-orientation" content="portrait">

QQ browser forces vertical screen

<meta name="x5-orientation" content="portrait">

UC Browser Forced Full Screen

<meta name="full-screen" content="yes">

QQ Browser Forced Full Screen

<meta name="x5-fullscreen" content="true">

UC Browser Application Mode

<meta name="browsermode" content="application">

QQ Browser Application Mode

<meta name="x5-page-mode" content="app">

windows phone click without highlight

<meta name="msapplication-tap-highlight" content="no">

[Recommended learning: HTML5 video tutorial]

The above is the detailed content of How to disable horizontal screen in html5. For more information, please follow other related articles on the PHP Chinese website!