Question

我正在尝试针对移动设备优化我们的网站，并且我一直遇到格式化问题。每当您将浏览器缩小到移动大小时，您将能够看到所有列都是偏移的并且间隔不同。相反，我希望在激活移动设置时将所有这些元素对齐在一个整齐的列中。

请注意：我只是想为移动设备完成此操作。我对平板电脑模式和桌面模式感到满意。

我们使用Visual Composer和Go Pricing作为插件。

以下是我用于对齐桌面格式定价表的代码：

<div style="max-width: 400px; margin: 0 auto;">[go_pricing id="multicam_productions"]</div>

Answer 1

您的“什么服务”div上有一个.vc_custom_1410664290855类，margin-left: 10% !important;会导致屏幕截图中的偏移。

使用适当大小的媒体查询删除该边距。