wordpress - slider 旋转响应背景大小值

Question

我在我的 WordPress 网站中创建了一张幻灯片，我希望幻灯片的背景是 background-size: cover在桌面和 background-size: contain在移动。我试图通过使用媒体查询来实现这一点:

@media screen and (min-width: 320px) and (max-width: 675px) {   
.tp-bgimg {
    background-color: rgb(6, 6, 6)  !important;
        background-size: contain !important;
   }
}

但是在幻灯片加载和媒体查询发生之间存在时间间隔，所以我首先看到背景为 cover一两秒后它会变成 contain ，知道如何解决这个问题吗？

谢谢

Answer 1

您需要做的更好的解决方案是:

转至 滑块设置 :

3、选择滑块类型:将其设置为标准滑块并加载预设幻灯片全宽。

4、Slide Layout:选择Full-Width，在Desktop中设置Layer Grid Size为1920px x 1080px。

保存设置

在 幻灯片编辑器 :

选择尺寸为 1920 x 1080 的背景图片

在源设置中:设置背景适合包含，背景位置为中心顶部。

使用此配置，您应该会看到适合任何屏幕尺寸的图像。