Css 如何使重力表单具有响应性（左/右）？

我正在使用重力表单WordPress表单插件

它们提供CSS类，我使用gf_left_half和gf_right_half使字段在同一行上左右对齐

在窗口（响应/移动视图）中拖动时，如何使它们堆叠在顶部/底部

---

我的表单：

尝试使用@media查询并更改这些类的浮动。大概是这样的：

@仅媒体屏幕
和（最小设备宽度：320px）
和（最大设备宽度：480px）{
.gf_right_half{float:left；}
}

如果你的主题是有响应的，你很可能有一个定制的css文件 如果您不知道，您可以使用此代码，只需声明所有响应 类def位于@media部分

@media only screen and (min-width: 200px) and (max-width: 768px) {

  .gform_wrapper .gform_body .top_label li.gfield.gf_right_half { 
    float: left; 
    clear: left !important;
    width: 99%;
  } 

  .gform_wrapper .gform_body .top_label li.gfield.gf_left_half { 
    float: left; 
    clear: left !important;
    width: 99%;
  }

}

---

还记得错误类吗

.gform\u wrapper.top\u label li.gfield.gfield\u error.gf\u left\u half，
.gform\u包装。顶部\u标签li.gfield.gfield\u错误。gf\u右半部分{
浮动：左；
清除：左！重要；
宽度：99%！重要；；
}