css - CSS3：移动设备在媒体查询中会加载背景图片吗？

Question

如果我有以下情况：

div {background: #000}

@media (min-width: 1000px) {
     div {background: url(myimage.jpg)}
}

例如，320 像素宽的智能手机是否仍会下载该背景图像？

谢谢！

Answer 1

这取决于设备。一般来说，这个想法是只有视口宽于 1000px 的设备才会下载上面示例中的图像，但不能保证。这是关于该主题的有趣研究：http: //timkadlec.com/2012/04/media-query-asset-downloading-results/

Answer 2

我认为 myimage.jpg 不会被 320px 屏幕的智能手机下载。

如果您有dispaly:none媒体查询，则图像将被下载到较小的屏幕上，尽管实际上并未显示。