H5 使用JS禁止横竖屏切换、强制横竖屏

JavaScript019

H5 使用JS禁止横竖屏切换、强制横竖屏,第1张

ipad： 90 或 -90 横屏

ipad： 0 或180 竖屏

Andriod：0 或180 横屏

Andriod： 90 或 -90 竖屏

js判断屏幕横竖屏：

横向滚动条  css也可以解决的  

css 样式：overflow-x:none //x轴的溢出不显示滚动条

                overflow-y:none //y轴的溢出不显示滚动条

                overflow-y:scroll //只针对y轴溢出显示滚动条

你要是加js样式的话就是添加个css样式

     document.getElementById('div').style.overfow-x="none"

本人纯手写 

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

<!-- 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里面设置，网页是无法做到的