视网膜images-picturefill.js和媒体查询

Question

当通过创建第二个图像两倍大的视图来容纳视网膜显示器时，我已经看过picturefill.js建议，以防止下载较大的图像，除非需要它们。

但是，这不是什么'最小设备像素比'媒体查询已经完成？ 或者即使特定的查询不符合，CSS中的图像总是被下载？

Answer 1

不，图片只有在符合正确的CSS标准时才会下载。因此，您可以安全地使用picturefill.js上的媒体查询。看看这篇文章，它根据媒体查询对图像请求进行测试：http://timkadlec.com/2012/04/media-query-asset-downloading-results/。同样，您也可以使用Chrome开发工具“网络”选项卡查看加载时请求的图像 - 您只会下载符合媒体查询的图像。