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

Question

嗨我有两个标题图像1用于桌面，1个用于平板电脑和移动设备。

当屏幕调整大小或在其中一台设备上查看时，如何从pc标题图像切换到手机/平板电脑标题图像

Answer 1

假设300px为所需的设置宽度：

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

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