当通过创建两倍大的第二张图像来容纳视网膜显示器时,我建议使用picturefill.js以防止下载较大的图像,除非需要它们。
但这不是'min-device-pixel-ratio'媒体查询已经完成的事情吗? 或者,即使未满足特定查询,您的CSS中的图像也会一直下载吗?
答案 0 :(得分:1)
不,如果图像符合正确的CSS标准,则只会下载图像。因此,您可以安全地使用picturefill.js上的媒体查询。看看这篇文章,它根据媒体查询对图像请求进行测试:http://timkadlec.com/2012/04/media-query-asset-downloading-results/。同样,您也可以使用Chrome开发工具网络标签查看加载时请求的图片 - 您只会找到已满足的媒体查询中的图片。