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

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')
    }
}