模糊文本，因为在半个像素上翻译（-50％，-50％）位置

Question

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

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

Answer 1

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