时间戳

首页 > 解决方案 > Wordpress 网站没有响应媒体查询的背景变化？迪维主题

css - Wordpress 网站没有响应媒体查询的背景变化？迪维主题

问题描述

我正在开发我的个人 WordPress 网站，当在 WordPress 主题定制器中使用媒体查询时，我的网站不会响应我对背景所做的更改。

我正在运行 Divi 主题，并使用 Chrome 的检查元素来查找我需要更改的类。

    @media only screen and (max-width: 768px) {
    .et_cover_background {
        background: url(https://echelon.enterprises/wp-content/uploads/2019/05/mobile-floor.jpg) repeat-y;
background-size:100vw;
    }
}
@media only screen and (min-width: 769) {
    .et_cover_background {
        background: url(https://echelon.enterprises/wp-content/uploads/2019/03/echelon-enterprises.jpg) repeat-y;
    }
}

我希望每个页面的背景在桌面上更改为“echelon-enterprises.jpg”，并根据屏幕尺寸更改为“mobile-floor.jpg”。我在这里做错了什么？我只是针对错误的班级吗？我也尝试过“et-main-area”类，但还是不走运。

标签： csswordpressdivi-theme

解决方案

您缺少第二个声明的 px

 @media only screen and (max-width: 768px) {
     body.et_cover_background {
         background: url(https://echelon.enterprises/wp-content/uploads/2019/05/mobile-floor.jpg) repeat-y;
         background-size:100vw;
    }
}
 @media only screen and (min-width: 769px) {
     body.et_cover_background {
         background: url(https://echelon.enterprises/wp-content/uploads/2019/03/echelon-enterprises.jpg) repeat-y;
    }
}

推荐阅读