Css 亚像素渲染使闪烁引擎中的文本模糊

所以我敢肯定，你们中的许多人都注意到，几个月前，Chromium的员工改变了他们的渲染引擎在非整数像素值方面的行为。现在，文本似乎变得模糊，使用流行的

转换：translate3d（-50%，-50%，0）打破了大量页面居中。（例如：）

然而，我在这个平台上还找不到任何相应的问题，对于模糊文本的解决方案总是相同的老问题（
-webkit字体平滑
，
translateZ（0）
等），实际上在这种情况下不起作用

那么，除了使用flexbox之外，还有人知道解决这种新模糊的方法吗？
而不是
transform:translate3d（-50%，-50%，0）使用
转换：翻译（-50%，-50%）

如果您暂时可以帮助，请避免将translate3d与Chrome一起使用。通过3d转换，Chrome上已经存在一些已知的bug（还有一些CSS本身的bug）。
Ehm。。。你能发布差异的截图吗？还有，什么平台？示例页面的屏幕截图，包括左一页的DevTools BoxModel：当变换偏移量不是整数时，问题就发生了。我在我的电脑上运行Windows 10，但我也能在OS X（约塞米蒂和El Capitan）上重现这一点。事实上，这个例子在OS X上运行得很好。但是，
.centerify
框的细微变化也会使它变得模糊，就像在屏幕截图中一样。当我注意到这个问题时，这就是我的来源。我所做的分别是
transformX（-50%）transformY（-50%）
，这也很模糊。不管怎样，这似乎解决了问题。也许Chrome47版本中有一个补丁或者类似的东西。无论如何，谢谢你指出这一点！（不能在22小时前给你奖金，到时候你会收到的。）嘿，没问题。你确定修复之前不起作用吗？因为我很确定几天前我刚刚帮助了一位朋友，他有着完全相同的bug……我确定我最初遇到这个问题时没有使用
transform3d
。所以我猜浏览器引擎中的某些东西被修复了。