当应用影响图像视觉大小和子像素的 CSS 规则时，例如:
源图像 400x400 像素；
- 应用 CSS 宽度/高度规则
- 添加比例因子
- 添加具有透视效果的 translate3d Z 因子
在处理图像渲染时，所有这些规则是否组合成一个矩阵，还是逐个计算？
换句话说，我应该关心像素保留吗？
最佳答案
至少在 Chrome 中，CSS 的 width 和 height 属性被归类为“布局”，CSS 的 transform 属性被归类为“复合” ”。
如果我们引用this article我们看到了 Chrome 如何排序 CSS 渲染事件的屏幕截图:
因此，尽我所能回答您的问题:布局是在绘画之前计算的，而绘画是在复合层之前计算的。
上述文章中还链接了this Google Docs spreadsheet它告诉我们哪些样式与哪个 CSS 渲染事件相关。
关于html - CSS 组合尺寸、比例和深度是否在插值之前组合？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20143383/