如果media query将其他内容设置为背景,是否通过手机上加载的嵌入式CSS应用背景图像?

如果media query将其他内容设置为背景,是否通过手机上加载的嵌入式CSS应用背景图像?,css,media-queries,Css,Media Queries,我通过嵌入CSS将图像作为背景图像应用于元素: <div style="background-image:url(image.jpg)"></div> 我的问题是:在移动设备上,虽然由于媒体查询,背景图像不再应用,但图像是否仍会加载到内存中,从而使用带宽?为什么不检查浏览器的“网络”选项卡(按f12),它会显示加载的内容。此外,要覆盖内联样式,还需要使用!重要信息将不会加载图像 @media screen and (max-width: 600px) { div

我通过嵌入CSS将图像作为背景图像应用于元素:

<div style="background-image:url(image.jpg)"></div>

我的问题是:在移动设备上,虽然由于媒体查询,背景图像不再应用,但图像是否仍会加载到内存中,从而使用带宽?

为什么不检查浏览器的“网络”选项卡(按f12),它会显示加载的内容。此外,要覆盖内联样式,还需要使用
!重要信息
将不会加载图像
@media screen and (max-width: 600px) {
    div {
        background-image: none;
    }
}