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

Question

您好，我有 2 张 header 图片，其中 1 张用于桌面设备，1 张用于平板电脑和手机。

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

Answer 1

假设设置宽度为 300px：

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

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