模糊文本因为平移（-50％， - 50％）位于半个像素上

Question

我遇到了变换问题：翻译（-50％， - 50％）与Chrome中的谷歌字体结合使用。这种组合使文本看起来模糊。我注意到它是由翻译引起的，在查看元素的位置后，我注意到它位于半个像素上。我能够用translate（calc（-50％ - 0.5px）， - 50％）修复它，但是比这种解决方法有更好的解决方案。

使用百分比时，是否有办法将像素舍入为整数？

Answer 1

您可以尝试在父级上设置transform-style: preserve-3d，也可以修改您的转换属性以包含perspective(1px)。