CSS媒体查询流体图像

Question

我正在为我的网站创建流体图像（请参阅下面的CSS） 在媒体查询方面，我采用移动优先方法。

我的问题是 - ＆＃39;图片呈现：auto＆＃39 ;; 到底是做什么用的？

此规则是否可确保任何尺寸的最佳图像质量？应用移动样式时我应该使用此规则吗？

我应该使用图片呈现：OptimizeQaulity; ？

img {
    max-width: 100%;
    height: auto;
    image-rendering: auto;
}

非常感谢， P

Answer 1

图像渲染描述了浏览器在缩小图像时如何与您（在可能的移动版本上）过度调用图像的过程。

image-rendering: optimizeQuality试图给你最好看的结果。但在移动设备上，您可能需要尝试image-rendering: optimizeSpeed。

有关详细信息，您可以google image rendering css，这会产生大量信息。我的快速提示是htmlcss.wikia right here或mozilla docs article。

如果您需要进一步的信息，请随时询问。

祝你好运， 玛丽安。