移动端适配 1px、使用 transform 居中、left/top 动画 vs transform 动画？

标准面试回答（推荐记住）

这道题问了几个相关问题。1px 问题见前面的题目，用 transform: scale(0.5) 缩放解决。为什么用 transform 居中而不用 margin：transform 不会触发布局计算，而 margin 需要重新计算周围元素的位置。做动画时用 transform 而不是 left/top 也是同样的原因：transform 只影响合成层，浏览器可以直接在 GPU 上处理；而 left/top 的变化需要重新计算布局，触发回流和重绘，性能差很多。