大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

javascript横屏,html5横屏

使用JavaScript判断手机浏览器是横屏还是竖

window.orientation

成都创新互联公司云计算的互联网服务提供商,拥有超过13年的服务器租用、德阳电信服务器托管、云服务器、虚拟空间、网站系统开发经验,已先后获得国家工业和信息化部颁发的互联网数据中心业务许可证。专业提供云主机、虚拟空间、域名与空间、VPS主机、云服务器、香港云服务器、免备案服务器等。

这个属性给出了当前设备的屏幕方向,0表示竖屏,正负90表示横屏(向左与向右)模式

onorientationchange

这个事件在横竖改变时候触发

使用javascript判断手机是处于横屏还是竖屏

if(window.innerWidthwindow.innerHeight){

//横屏

}else{

//竖屏

}

或者

if(window.orientation==0){

//竖屏

}else{

//横屏

}

第一种方法在电脑和手机上都适用,第二种方法则只适用于手机

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

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


分享文章:javascript横屏,html5横屏
文章地址:http://dzwzjz.com/article/dscdgsh.html
在线咨询
服务热线
服务热线:028-86922220
TOP