[javascript] 实测手机上屏幕高的一些参数
华为360*640???
未测document.documentElement
#实际高度为0
<body>
<div id="a" style="background:red;"></div>
</body>
#超过全屏
<body>
<div id="a" style="background:red;overflow:auto;">
<div style="background:lightblue;height:200px;"> 0</div>
<div style="background:lightblue;height:200px;"> 0</div>
<div style="background:lightblue;height:200px;"> 0</div>
<div style="background:lightblue;height:200px;"> 0</div>
<div style="background:lightblue;height:200px;"> 0</div>
<div style="background:lightblue;height:200px;"> 0</div>
</div>
</body>
#不超过全屏
<body>
<div id="a" style="background:red;overflow:auto;">
<div style="background:lightblue;height:199px;border-bottom: 1px solid black;"> 0</div>
<div style="background:lightblue;height:199px;border-bottom: 1px solid black;"> 0</div>
</div>
</body>
box-sizing:border-box; 不影响边界计算，边界一般都不纳入计算。
网页可见区域高：document.body.clientHeight
//以实际内容高度为准，378，不计算padding，margin，border，无内容为0。实际内容超过时，全内容多高就为多高1200
网页可见区域高：document.body.offsetHeight
//以实际内容高度为准，378，不计算padding，margin，border，无内容为0。实际内容超过时，全内容多高就为多高1200
网页正文全文高：document.body.scrollHeight
//实际内容不超过全屏时，615，不计算padding，margin，border，无内容也为615，系统栏可能是25。实际内容超过时，全内容多高就为多高1200
网页被卷去的高：document.body.scrollTop
//0，没滚动条滚动就为0
网页正文部分上：window.screenTop
//0，距离screen顶部的距离
屏幕分辨率的高：window.screen.height
//1280，与内容高度无关（双倍分辨率？）
屏幕可用工作区高度：window.screen.availHeight
//1280，与内容高度无关（双倍分辨率？）
