在移动视图上删除的背景

Question

我为一些不同的div添加了一些背景 - 图像背景和纯色。当我查看移动视图时，所有背景都消失了，它只是白色，这意味着无法看到一些图像和文字。我是否在CSS中遗漏了导致此问题的内容？

该网站基于WordPress Twenty Seventeen模板，可以在echomartin.com/angie-wiechmann/

看到

Child theme CSS

Twenty Seventeen CSS

Answer 1

我没有为

找到任何 }

/*Full screen laptop/computer screen view*/
@media screen and (min-width: 48em) {

Answer 2

显示背景图像的代码包含在条件CSS中，仅用于更宽的屏幕。例如在TwentySeventeen Child style.css中你有这个：

@media screen and (min-width: 30em) {
    .book {
        background-image: url("http://echomartin.com/angie-wiechmann/wp-content/uploads/2017/12/seawater-s.jpg");
        ...
    }
}

这意味着背景图片仅显示在最小宽度为30周的屏幕上。如果您希望此样式应用于所有屏幕宽度，只需将其移到@media块之外。