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

html-css0151

当移动设备访问网页的时候，怎么通过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里面设置。

当屏幕旋转的时候会有一个orientationchange事件。你可以给body元素增加此事件的监听：

<body onorientationchange="updateOrientation()">

监控窗体变化来实现监控手机屏幕横竖

@media screen and (orientation:portrait) {

css[竖向定义样式]

}

@media screen and (orientation:landscape) {

css[横向定义样式]

}