Css 文本模糊，因为平移（-50%，-50%）位置在半个像素上_Css_Text_Translate_Blurry

Css 文本模糊，因为平移（-50%，-50%）位置在半个像素上

css text

Css 文本模糊，因为平移（-50%，-50%）位置在半个像素上,css,text,translate,blurry,Css,Text,Translate,Blurry,我对transform:translate（-50%，-50%）和chrome中的google字体组合遇到了麻烦。这种组合使文本看起来模糊。我注意到它是由平移引起的，在查看元素的位置后，我注意到它位于半个像素上。我可以用translate（calc（-50%-0.5px），-50%）来修复它，但是有一个比这个解决方案更好的解决方案使用百分比时，是否有办法将像素四舍五入为整数？您可以尝试在父对象上设置变换样式：preserve-3d，或者修改变换属性，使其也包括透视图（1px）是否在本地主机上尝

我对transform:translate（-50%，-50%）和chrome中的google字体组合遇到了麻烦。这种组合使文本看起来模糊。我注意到它是由平移引起的，在查看元素的位置后，我注意到它位于半个像素上。我可以用translate（calc（-50%-0.5px），-50%）来修复它，但是有一个比这个解决方案更好的解决方案

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

您可以尝试在父对象上设置

变换样式：preserve-3d

，或者修改变换属性，使其也包括

透视图（1px）

是否在本地主机上尝试？请检查此项