视网膜图像-图片填充.js和媒体查询

Question

当通过创建两倍于我见过的图片填充的第二张图像来容纳视网膜显示器时.js建议除非需要，否则建议阻止下载较大的图像。

但这不是"最小设备像素比"媒体查询已经完成的吗？还是即使未满足特定查询，CSS中的图像也始终被下载？

Answer 1

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