1. 程式人生 > >移動端常見的高度問題的解析

移動端常見的高度問題的解析

<script language="javascript">
var h = "";
h += " 網頁可見區域寬:"+ document.body.clientWidth+"\n";
h += " 網頁可見區域高:"+ document.body.clientHeight+"\n";
h += " 網頁可見區域寬:"+ document.body.offsetWidth +" (包括邊線和滾動條的寬)"+"\n";
h += " 網頁可見區域高:"+ document.body.offsetHeight +" (包括邊線的寬)"+"\n";
h += " 網頁正文全文寬:"+ document.body.scrollWidth+"\n";
h += " 網頁正文全文高:"+ document.body.scrollHeight+"\n";
h += " 網頁被捲去的上:"+ document.body.scrollTop+"\n";
h += " 網頁被捲去的左:"+ document.body.scrollLeft+"\n";
h += " 網頁正文部分上:"+ window.screenTop+"\n";
h += " 網頁正文部分左:"+ window.screenLeft+"\n";
h += " 螢幕解析度的寬:"+ window.screen.width+"\n";
h += " 螢幕解析度的高:"+ window.screen.height+"\n";
h += " 螢幕可用工作區寬度:"+ window.screen.availWidth+"\n";
h += " 螢幕可用工作區高度:"+ window.screen.availHeight+"\n";
h += " 你的螢幕設定是 "+ window.screen.colorDepth +" 位彩色"+"\n";
h += " 你的螢幕設定 "+ window.screen.deviceXDPI +" 畫素/英寸"+"\n";
alert(h);
</script>