Question

我正在个人WordPress网站上工作，并且在WordPress主题定制器中使用媒体查询时，我的网站无法响应我对后台所做的更改。

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

    @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”课程，但还是不走运。

Answer 1

第二个声明中缺少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;
    }
}

WordPress网站无法响应媒体查询的背景变化吗？ Divi主题

1 个答案: