html - 在媒体查询调整大小时交换背景图像

Question

您好，我有 2 个标题图片，1 个用于桌面设备，1 个用于平板电脑和移动设备。

当调整屏幕大小或在这些设备之一上查看时，如何从 PC 标题图像切换到移动/平板电脑标题图像

Answer 1

假设设置的宽度为 300px:

#header{
background:url('first URL Here')
}

@media screen and (max-width: 300px) {
    #header {
        background:url('second URL Here')
    }
}