如何禁止手机端html5页面横屏显示

不同的浏览器有不同的做法，参考如下：

<!-- uc强制竖屏 -->

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

<!-- QQ强制竖屏 -->

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

<!-- UC强制全屏 -->

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

<!-- QQ强制全屏 -->

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

<!-- UC应用模式 -->

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

<!-- QQ应用模式 -->

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

<!-- windows phone 点击无高光 -->

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

<!-- 适应移动端end -->

设置横屏应用得在config里面设置，网页是无法做到的

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

1.<!-- uc强制竖屏 --><meta name="screen-orientation" content="portrait"><!-- QQ强制竖屏 --><meta name="x5-orientation"。

2."x5-orientation" content="portrait"><!-- UC强制全屏 --><meta name="full-screen" content="yes"><!-- QQ强制全屏 -->。

3.<meta name="x5-fullscreen" content="true"><!-- UC应用模式 --><meta name="browsermode" content="application">。

4.><!-- QQ应用模式 --><meta name="x5-page-mode" content="app"><!-- windows phone。

5.点击无高光 --><meta name="msapplication-tap-highlight" content="no"><!-- 适应移动端end -->设置横屏应用得在config里面设置。

<!-- uc强制竖屏 -->

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

<!-- QQ强制竖屏 -->

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

<!-- UC强制全屏 -->

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

<!-- QQ强制全屏 -->

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

<!-- UC应用模式 -->

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

<!-- QQ应用模式 -->

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

<!-- windows phone 点击无高光 -->

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

<!-- 适应移动端end -->

设置横屏应用得在config里面设置，网页是无法做到的

---