關於網頁的寬 高

兩者分別返回元素節點可見部分的高度和寬度。此「可見部分」包括padding、但不包括border、margin和滾動條。

let rootelement = document.documentelement;

//網頁當前可見高&寬
rootelement.clientheight
rootelement.clientwidth

let rootelement = document.documentelement;

//網頁總高度
rootelement.scrollheight
document.body.scrollheight
document.body.clientheight
//網頁總寬度
rootelement.scrollwidth
document.body.scrollwidth
document.body.clientwidth

let rootelement = document.documentelement;

//當垂直滾動條滾到最底部時，返回 true
rootelement.scrollheight - rootelement.scrolltop === rootelement.clientheight
//當水平滾動條滾到最右側時，返回 true
rootelement.scrollwidth - rootelement.scrollleft === rootelement.clientwidth

let rootelement = document.documentelement;

//網頁總高度
rootelement.offsetheight
document.body.offsetheight
//網頁總寬度
rootelement.offsetwidth
document.body.offsetwidth

let rootelement = document.documentelement;

//由於和的寬度可能設的不一樣，從上取值會更保險一點。
//網頁總高度
rootelement.offsetheight
rootelement.scrollheight
document.body.offsetheight
document.body.scrollheight
//網頁總寬度
rootelement.offsetwidth
rootelement.scrollwidth
document.body.offsetwidth
document.body.scrollwidth
//可見部分高度
window.innerheight             //包括滾動條
rootelement.clientheight       //不包括滾動條
//可見部分寬度
window.innerwidth              //包括滾動條
rootelement.clientwidth        //不包括滾動條

關於canvas的寬高

canvas元素預設寬 300px,高 150px,設定其寬高可以使用如下方法 方法一 方法二 使用html5 canvas api操作 canvas.width 500 canvas.height 500 若通過如下方法設定寬高，那麼canvas元素將由原來大小被拉伸到所設定的寬高 使用css 會...

關於螢幕寬高的問題

獲取螢幕的寬高，通常方法如下幾種 獲取螢幕密度 一 display display getactivity getwindowmanager getdefaultdisplay int screenwidth display.getwidth 螢幕寬 int screenheight display...

關於css寬高問題

問題 span標籤的width和height分別為多少？doctype html html head meta charset utf 8 title bootstrap 例項 標籤頁與膠囊式標籤頁 title head body div style width 400px height 200px...