网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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://bjjierui.cn/article/dscdgsh.html

其他资讯