当通过创建两倍大的第二个图像来适应视网膜显示器时，我看到 picturefill.js 建议防止下载较大的图像，除非需要它们。
但这不是'min-device-pixel-ratio'媒体查询已经完成的吗？或者即使不满足特定查询，您的 CSS 中的图像是否总是被下载？
问问题
1266 次
1 回答
1
不，图像只有在符合正确的 CSS 标准时才会被下载。因此，您可以安全地通过 picturefill.js 使用媒体查询。看看这篇文章，它基于媒体查询对图像请求进行了测试：http: //timkadlec.com/2012/04/media-query-asset-downloading-results/。同样，您也可以使用 Chrome 开发工具网络选项卡查看加载时请求的图像 - 您会发现只有媒体查询中满足的图像才会被下载。
于 2012-07-05T16:17:20.607 回答