手机屏幕尺寸测试
作者:admin发布时间:2021-10-11分类:收益展现浏览:评论:18
前两年,安卓的分辨率多数还是或,现在是,为了向下兼容,向上也兼容,最终将定为设计的尺寸,后期可以使用即媒体查询特性做进一步的兼容,兼容其他设备,以及做一些设备的横屏的兼容。
附:屏幕尺寸测试的JS代码,如下
!
html
head
屏幕尺寸测试
-equiv="Content-type"content="text/html;charset=GBK"
metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1"
metaname="apple-mobile-web-app-capable"content="yes"/
METAHTTP-EQUIV="Pragma"CONTENT="no-cache"
/head
bodystyle="padding:0px;margin:0px;"scroll="no"
scriptlanguage="javascript"
vars="";
s+="网页可见区域宽:"+document.body.clientWidth;
s+="br网页可见区域高:"+document.body.clientHeight;
s+="br网页可见区域宽:"+document.body.offsetWidth+"(包括边线和滚动条的宽)";
s+="br网页可见区域高:"+document.body.offsetHeight+"(包括边线的宽)";
s+="br网页正文全文宽:"+document.body.scrollWidth;
s+="br网页正文全文高:"+document.body.scrollHeight;
s+="br网页被卷去的高:"+document.body.scrollTop;
s+="br网页被卷去的左:"+document.body.scrollLeft;
s+="br网页正文部分上:"+window.screenTop;
s+="br网页正文部分左:"+window.screenLeft;
s+="br屏幕分辨率的高:"+window.screen.height;
s+="br屏幕分辨率的宽:"+window.screen.width;
s+="br屏幕可用工作区高度:"+window.screen.availHeight;
s+="br屏幕可用工作区宽度:"+window.screen.availWidth;
s+="br你的屏幕设置是"+window.screen.colorDepth+"位彩色";
s+="br你的屏幕设置"+window.screen.deviceXDPI+"像素/英寸";
document.write(s);
/script
/body
/html
相关推荐
你 发表评论:
欢迎- 收益展现排行
- 最近发表
已有18位网友发表了看法: