getBoundingClientRect与offsetWidth及offsetHeight

getBoundingClientRect与offsetWidth及offsetHeight

Content #

举例说明Element.getBoundingClientRect()的结果与HTMLElement的 offsetWidth和offsetHeight属性不一致的情形。

某div元素有如下规则: width: 100px; transform: scale(0.5); getBoundingClientRect()结果中的width会是50,而offsetWidth会是100。

Viewpoint #

From #