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横屏
本文URL:http://bzwzjz.com/article/dscdgsh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设费用 手机网站建设 网站制作公司 高端品牌网站建设 成都网站设计 定制网站制作 成都网站建设流程 成都网站建设 网站设计公司 攀枝花网站设计 网站制作 成都网站制作 外贸网站建设 成都网站设计制作公司 网站制作 移动网站建设 成都网站建设公司 网站建设公司 成都企业网站制作 成都网站建设 重庆外贸网站建设 成都响应式网站建设