如何通过CSS的transform调整，确保浮动元素在不同DPI屏幕上边框对齐？

本文共计799个文字，预计阅读时间需要4分钟。

在高清屏幕（如Retina、Windows缩放125%/150%）下，带有`border`属性的元素常出现1px级边框偏移或虚边——这并非渲染消失，而是上下/左右不对齐。根本原因不在于CSS写错，而是浏览器对`border`像素值的渲染做了亚像素调整，而`float`布局的计算仍基于逻辑像素。两者未对齐。