袁来如此的工作笔记
袁来如此的工作笔记
竹杖芒鞋轻胜马,谁怕? 一蓑烟雨任平生。

为什么在手机上document.documentElement.clientWidth是980?

浏览量:1067

document.documentElement.clientWidth这个值在电脑和ipad上就是分辨率的宽度,但是在手机上却恒定是980,为什么呢?


最主要是你在<head>里面添加下面代码,具体什么意思你自己搜去。

<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

添加了上面这个标签,你再获取就是手机的分辨率宽度了。


网页可见区域宽: document.body.clientWidth;

网页可见区域高: document.body.clientHeight;

网页可见区域宽: document.body.offsetWidth(包括边线的宽);

网页可见区域高: document.body.offsetHeight(包括边线的宽);

网页正文全文宽: document.body.scrollWidth;

网页正文全文高: document.body.scrollHeight;

网页被卷去的高: document.body.scrollTop;

网页被卷去的左: document.body.scrollLeft;

网页正文部分上: window.screenTop;

网页正文部分左: window.screenLeft;

屏幕分辨率的高: window.screen.height;

屏幕分辨率的宽: window.screen.width;

屏幕可用工作区高度:window.screen.availHeight;

屏幕可用工作区宽度:window.screen.availWidth;


打赏