当浏览器或设备达到一定宽度时，在CSS中切换背景

Question

我有一个图像作为主要内容区域和侧栏的背景。响应性很好，直到侧栏消失到底部。然后我想将背景切换到不再具有侧边栏颜色的不同图像。

我正在使用WordPress并可以编辑CSS。有什么想法吗？

Answer 1

您将要使用媒体查询。一段只有在满足条件后才能看到的CSS。例如

@media screen and (max-width: 500px) {
    body {
        background: blue;
    }
}

任何小于500像素的屏幕都是背景为蓝色的。