2012-07-05 67 views
1

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

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

回答

1

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