我正在创建响应式设计,以便在桌面和移动设备上都能很好地查看我的网站。在我的网站上,我的一个 div 上有一个非常大的背景图像。
现在我一直想知道的是:如果我的 div 上的背景图像被媒体查询中的颜色替换,它是否会加载?
例子:
div {
background: url(img/large-image.jpg);
}
@media screen and (min-width: 240px) and (max-width:830px) {
div {
background: #000;
}
}