防止模糊的文字和图像

Question

我的网站上出现模糊图像问题。我找到了一些解决方案，但只有

img{
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
}

为我工作。

当我应用此CSS时，所有图像都显示得很好，但问题是所有文本都变得模糊。

有什么办法可以避免吗？

Answer 1

为了阻止图像模糊;确保它们具有高分辨率，如果您使用低分辨率图像，它们将在您的网页上显示模糊，同时确保您没有声明导致它们模糊的宽度和高度。要在浏览器中显示更平滑/更少模糊的字体，请尝试以下操作;

==> roxygen2::roxygenize('.', roclets=c('rd', 'collate', 'namespace'))

First time using roxygen2. Upgrading automatically...
Writing hello.Rd
Writing NAMESPACE
Documentation completed

Answer 2

也请尝试使用transform: translateY(-51%)