# 权威分析浏览器视口
分析浏览器clientWidth-offsetWidth-getBoundingClientRect
# client属性
clientWidth,clientHeight
包括padding、content部分,不包括border
# offset属性
offsetWidth,offsetHeight,offsetTop,offsetLeft
元素的offsetHeight是一种元素CSS高度的衡量标准,包括元素的边框、内边距和元素的水平滚动条(如果存在且渲染的话),不包含:before或:after等伪类元素的高度。
这个属性值会被四舍五入为整数值,如果你需要一个浮点数值,请用
element.getBoundingClientRect()
.
# getBoundingClientRect()
返回元素的大小及其相对于视口的位置。
摘自:MDN在新窗口打开