移動像素密度：多個圖像大小或爲每個人提供高分辨率圖像？

Question

我正在研究如何使圖像在高像素密度的android和iphone設備上看起來不錯，並且我通過兩種方式繼續運行 - 一種是提供單獨的樣式表，爲hdpi手機提供更大的圖像，以及在CSS中縮小到合適的大小。

另一個建議是你爲每個人提供hdpi圖像並縮小比例，而低分辨率手機的人仍然會看到一張漂亮的圖片，他們只是下載比他們需要的更多的圖片。

看起來像保持3種不同的樣式表（低，中，高）是一個巨大的浪費時間，所以我傾向於後者。有沒有其他原因？

Answer 1

您可以使用SASS/LESS將一些邏輯添加到CSS文件並自動執行該過程，並使用某些服務器端解決方案根據檢測結果更換路徑，而不是維護3個不同的樣式表。