html - 使用 Chrome 放大时文字模糊

所以我在一个页面上有这个非常奇怪的问题。用户需要能够缩小以使文本比我已经设置的 10 像素还要小。这一切都很好，但出于某种奇怪的原因，文本在某些区域变得非常模糊。

有问题的文本在数据表中，它只会以这种方式出现在大约 2/5 行上，这使得行为更加奇怪。如果我调整窗口大小或类似的东西都没关系，它总是相同的 2 行。

我已经查看了多个其他问题，但它们都涉及源自变换的问题：scale() 等。这确实导致我尝试了多个修复（背面可见性等），但没有一个有效。使用 CSS zoom: 90% 看起来非常好，所以它只是在浏览器进行缩放的时候。

将不胜感激任何建议，我已经在这个问题上花费了太长时间。

基本字体：400 13px/24px Roboto，“Helvetica Neue”，无衬线

标签： htmlcss

尝试-webkit-font-smoothing: antialiased;像这样使用

* {
   -webkit-font-smoothing: antialiased;
}