getboundingclientrect 返回 css 像素级浮点坐标，精度受设备像素比、缩放、亚像素渲染及浏览器实现影响，并非无限精确；比较时应使用容差判断而非严格相等。
getBoundingClientRect 返回的位置是 CSS 像素级别的，精度为浮点数（如 left: 123.456），但实际精度受设备像素比（window.devicePixelRatio）、缩放、子像素渲染和浏览器实现影响，并非无限精确。
精度来源：CSS 像素 vs 物理像素
该方法基于当前视口的 CSS 布局坐标系，单位是 CSS 像素（logical pixels），不是设备物理像素。例如在 DPR=2 的高清屏上，1 个 CSS 像素可能对应 2×2 个物理像素，但返回值仍以小数形式表达布局位置，浏览器会做亚像素插值渲染。
Javascript Sdk
下载
用于 inference.sh 的 JavaScript/TypeScript SDK，可运行 AI 应用、构建代理、集成 150+ 模型。包名：@inferencesh/sdk（npm install），完整 TypeScript 支持。
影响精度的常见因素
- 页面缩放（Ctrl+/- 或系统级缩放）会改变视口坐标系，导致
getBoundingClientRect结果按比例缩放，小数位可能变长但不代表真实物理精度提升 - 字体、边框、transform 等引发的亚像素布局（如
margin-left: 0.3px）会让返回值出现多位小数，但浏览器最终渲染时可能四舍五入或抗锯齿处理 - 滚动容器（如
overflow: scroll）内元素的位置，受容器 scrollTop/scrollLeft 影响，而滚动值本身也可能是小数（尤其平滑滚动中） - 不同浏览器对 subpixel 定位的处理略有差异，Chrome 和 Firefox 在某些边界情况下返回值可能相差 0.01px 左右
如何应对精度不确定性
- 比较位置时避免严格等值判断（如
rect1.left === rect2.left），改用容差判断：Math.abs(a - b) - 需要整数像素定位（如 canvas 绘图、DOM 对齐）时，主动四舍五入：
Math.round(rect.left)，但注意这会丢失亚像素信息 - 监听
resize、scroll、zoom（通过visualViewport）等事件，及时更新位置缓存，避免因动态变化导致精度偏差累积 - 若需更高一致性，可结合
element.getBoxQuads()（实验性 API）获取更精细的几何信息，尤其适用于 transform 或 SVG 场景
它不提供设备级精度，也不承诺跨浏览器完全一致的小数位数，但对绝大多数 UI 定位、动画、交互反馈已足够可靠。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
