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

JavaScript09

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

ipad: 90 或 -90 横屏

ipad: 0 或180 竖屏

Andriod:0 或180 横屏

Andriod: 90 或 -90 竖屏

js判断屏幕横竖屏:

不同的浏览器有不同的做法,参考如下:

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

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

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

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

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

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

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

本人纯手写