图像在铬中看上去低分辨率和模糊性

Question

我注意到我在网站上的一些图片在Chrome和Mozilla中看起来都是低分辨率的，它们看起来很好。

这是截图

在Chrome：

​

在Mozilla：

​

我能做些什么来解决这个问题？

我发现了这样的东西，但没什么用

img {
     image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}

这是它的外观，当我添加图像渲染:像素化；

​

Answer 1

测试这个：

1.脉冲"Ctrl + 0“(0)它的返回到100%的网页大小。

1. 不使用样式或宽度属性调整图像大小。将你的图像设计成你所需要的精确大小。

它对我有用。;)