divi builder @media命令

时间:2017-04-14 18:18:35

标签: css media builder

我目前正在使用DIVI Builder构建一个简单的网站。 我有一个全宽的部分,里面有一个全宽滑块。滑块内的文字似乎在桌面和移动设备上表现不同,所以我想我可以用@media帮助它。到目前为止我所做的是创建一个重复的,相同的幻灯片,调整两个中的第二个用于移动设备并隐藏第二个用于桌面用户。虽然我不确切知道,但我认为这种方式最终会降低页面加载速度,所以我使用了@media。

阻止此工作的问题是媒体查询始于:

@media all and (max-width: 980px) {
   XXX {
    margin-top: 100px;
    }
 }

XXX代表我的未知,因为我想定位整个列,在这种情况下自动标记为.et_pb_slide_0。根据我的理解,我无法用类替换XXX,换句话说,以.开头的东西有没有办法使这个工作?

1 个答案:

答案 0 :(得分:0)

媒体查询可以包含.et_pb_slide_0.anything_you_like等类!

这是有效的:

@media all and (max-width: 980px) {
    .et_pb_slide_0 {
        margin-top: 100px;
    }
}