当移动设备访问网页的时候,怎么通过js 或者 html5 来设置浏览器为横屏?

JavaScript011

当移动设备访问网页的时候,怎么通过js 或者 html5 来设置浏览器为横屏?,第1张

<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里面设置。

ipad: 90 或 -90 横屏

ipad: 0 或180 竖屏

Andriod:0 或180 横屏

Andriod: 90 或 -90 竖屏

js判断屏幕横竖屏:

判断是横屏还是竖屏的方法:

function orient() {

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

//ipad、iphone竖屏;Andriod横屏

$("body").attr("class", "landscape")

orientation = 'landscape'

return false

}

else if (window.orientation == 0 || window.orientation == 180) {

//ipad、iphone横屏;Andriod竖屏

$("body").attr("class", "portrait")

orientation = 'portrait'

return false

}

}

//页面加载时调用

$(function(){

orient()

})

//用户变化屏幕方向时调用

$(window).bind( 'orientationchange', function(e){

orient()

})