CSS3：当处于媒体查询内部时，移动设备是否会加载背景图片？

Question

如果我有以下内容：

div {background: #000}

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

比如说，一个宽度为320像素的智能手机，是否仍然会下载背景图片呢？

谢谢！

- HandiworkNYC.com

---

你试过了吗？你应该可以通过调整浏览器窗口大小来测试。本能地，我会说它不会出现，只有当屏幕宽度超过1000像素时才会出现... - Laurent S.

Answer 1

这取决于设备。通常情况下，只有视口宽度大于1000像素的设备才会下载上面示例中的图片，但不能保证。这里有一项有趣的研究：http://timkadlec.com/2012/04/media-query-asset-downloading-results/

- ralph.m

Answer 2

我认为在屏幕宽度为320像素的智能手机上，我的图片myimage.jpg不会被下载。

如果你在媒体查询中使用dispaly:none，那么该图片将会被下载到较小的屏幕上，但实际上不会被显示。

- Joe Ratzer