如何禁止手机端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里面设置，网页是无法做到的

(function rotate(){

var orientation=window.orientation

if(orientation==90||orientation==-90){

document.body.style.display='none'

alert("请使用竖屏访问！")

}

window.onorientationchange=function(){

document.body.style.display="block"

rotate()

}

})()

这只是提示而已,当然可以把样式做得更好看

---