我正在创建一个响应式设计,以便我的网站在桌面和移动设备上都能良好地显示。在我的网站上,我在其中一个div上有一张相当大的背景图片。
现在我一直在想:如果在媒体查询中用颜色替换了我的div上的背景图片,那么这个背景图片会加载吗?
例如:
div {
background: url(img/large-image.jpg);
}
@media screen and (min-width: 240px) and (max-width:830px) {
div {
background: #000;
}
}