WpBakery (Visual Composer) -响应式最佳实践

Question

我正在使用wpbakery wordpress插件。我在设计选项中添加了填充，生成的css代码如下所示：

.vc_custom_1541499756394 {
padding-top: 30px !important;
padding-right: 250px !important;
padding-left: 250px !important;
}

我需要在较小尺寸的屏幕上删除填充。我的问题是，这样做的最佳实践是什么？像这样简单的媒体查询还是有更好的方法？

@media only screen and (max-width: 720px) {
  .vc_custom_1541499756394 {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}

Answer 1

一种更灵活的方法是移除所有添加到VC meta框中的样式，并为其分配一个类，以这种方式推送所需的样式。这样做将使您能够特定于视口，并使您能够在整个站点中重用该样式。

按如下方式设置设计选项：

​

​

并在此处指定样式：

​

​

然后将所需的样式添加到类中。

希望这能有所帮助:)