pc瀏覽器css和js計算瀏覽器寬度的差異以及和滾動條的關系


如圖:

css寬度:1250 不包括滾動條寬度

用控制台箭頭選取元素顯示的左邊的寬度:1250  不包含滾動條寬度

縮放瀏覽器右上角顯示的寬度:1267 包含了滾動條寬度

 

再看下控制台:

 

由此可計算瀏覽器滾動條寬度為:

window.innerWidth - $(window).width()

 

window.innerWidth: 包含滾動條的寬度

$(window).width(): 不包含滾動條寬度

document相關的方法都不包含滾動條寬度

 

總結: 

包含滾動條的只有兩個:

window.innerWidth 和 縮放瀏覽器右上角顯示的寬度(谷歌瀏覽器)

其余的css和js獲取的寬度都是不包含滾動條寬度的

 

如有錯誤請及時指正

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM