CSS3：移動設備在媒體查詢時會加載背景圖片嗎？

div {background: #000} 

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

將一個320像素寬的智能手機，例如，還是下載的背景圖像？

謝謝！

2013-05-21 j-man86

你試過嗎？應該可以通過調整您的瀏覽器窗口進行測試。本能地說，我會說它不會，只有當屏幕寬度超過1000像素時纔會出現。 –

我不認爲myimage.jpg會被320像素的智能手機下載。

如果您在媒體查詢中有dispaly:none，那麼圖像將被下載到較小的屏幕，儘管實際上並未顯示。

2013-05-21 13:17:58

這取決於設備。通常，這個想法是，只有視口寬於1000像素的設備纔會在上面的例子中下載圖片，但不能保證。這裏有一個有關這個問題的有趣的研究：http://timkadlec.com/2012/04/media-query-asset-downloading-results/

2013-05-21 14:02:39

回答