CSS媒體查詢流體圖像

Question

我正在爲我的網站創建流體圖像（請參閱下面的CSS） 我在談論媒體查詢時採用移動第一種方法。

我的問題是 - 'image-rendering：auto';呢？

這個規則是否可確保在任何尺寸下的最佳圖像質量？我應該在應用移動樣式時使用此規則嗎？

我應該使用圖像渲染：OptimizeQaulity;？

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

非常感謝， P

Answer 1

圖像繪製描述的是如何在瀏覽器確實與工作流程的（可能上移動版）縮減時，他們爭叫圖像。

image-rendering: optimizeQuality trys給你最好的結果可能。但在移動首先，你可能想嘗試image-rendering: optimizeSpeed。

欲瞭解更多信息，你可以谷歌image rendering css這將導致大量的信息。我的快速提示是htmlcss.wikia right here或mozilla docs article。

如果您需要更多信息請隨時諮詢。

此致敬禮， 瑪麗安。