我目前正在使用DIVI Builder构建一个简单的网站。 我有一个全宽的部分,里面有一个全宽滑块。滑块内的文字似乎在桌面和移动设备上表现不同,所以我想我可以用@media帮助它。到目前为止我所做的是创建一个重复的,相同的幻灯片,调整两个中的第二个用于移动设备并隐藏第二个用于桌面用户。虽然我不确切知道,但我认为这种方式最终会降低页面加载速度,所以我使用了@media。
阻止此工作的问题是媒体查询始于:
@media all and (max-width: 980px) {
XXX {
margin-top: 100px;
}
}
XXX代表我的未知,因为我想定位整个列,在这种情况下自动标记为.et_pb_slide_0
。根据我的理解,我无法用类替换XXX,换句话说,以.
开头的东西有没有办法使这个工作?
答案 0 :(得分:0)
媒体查询可以包含.et_pb_slide_0
或.anything_you_like
等类!
这是有效的:
@media all and (max-width: 980px) {
.et_pb_slide_0 {
margin-top: 100px;
}
}