Not sure how you've got Edge to return
20
- are you still on the old version?
Demo[
^]
- Firefox 82 displays
20
; - Edge 86 displays
200
; - Chrome 86 displays
200
;
This appears to be connected to the
zoom
property. If you comment out the property, Chrome and Edge both report
20
:
Updated demo[
^]
NB: zoom
is a non-standard property, with limited browser support. It is not supported in Firefox or the old version of Edge.
zoom - CSS: Cascading Style Sheets | MDN[
^]
It looks like there is no consensus about how this property should interact with the bounding rect:
429140 - chromium - An open-source project to help move the web forward. - Monorail[
^]
You should consider using
transform:scale()
instead of
zoom
. However, this will not affect the layout size of the element.
With
transform:scale(0.1)
replacing
zoom:10%
, all three browsers return the same value:
Demo[
^]