getBoundingClientRect与transform的兼容
原文中文,约1000字,阅读约需3分钟。发表于: 。先说结论getBoundingClientRect 会受到 transform 的影响,比如你的元素设置了 transform:scale(2),那么 getBoundingClientRect...
本文讲述了使用 transform 的 scale 进行页面缩放时,getBoundingClientRect 方法返回的 width 会是元素实际宽度的2倍,top 等位置信息也会因为元素尺寸变化而发生变化。作者对比了 getBoundingClientRect 和 offsetWidth 两种计算方式得出的宽高,并查了性能相关的问题。