当前位置:网站首页 > 收益展现 > 正文

手机屏幕尺寸测试

作者: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位网友发表了看法:

欢迎 发表评论: