視網膜images-picturefill.js和媒體查詢

Question

當通過創建第二個圖像兩倍大的視圖來容納視網膜顯示器時，我已經看過picturefill.js建議，以防止下載較大的圖像，除非需要它們。

但是，這不是什麼'最小設備像素比'媒體查詢已經完成？ 或者即使特定的查詢不符合，CSS中的圖像總是被下載？

Answer 1

不，圖片只有在符合正確的CSS標準時纔會下載。因此，您可以安全地使用picturefill.js上的媒體查詢。看看這篇文章，它根據媒體查詢對圖像請求進行測試：http://timkadlec.com/2012/04/media-query-asset-downloading-results/。同樣，您也可以使用Chrome開發工具「網絡」選項卡查看加載時請求的圖像 - 您只會下載符合媒體查詢的圖像。