问在手机上查看时，我网站上的弹出式联系人表单稍微不居中

EN

问题是.modal-dialog的设置边距为10px

​

​

在Chrome中，如果你用鼠标右键点击你的联系人表单(比如输入框)，然后去检查，然后将鼠标悬停在父<div class="modal-dialog" role="document">上，你就会看到Chrome显示你的联系人表单所在的div周围有一个空白处。这将推送您的联系人表单。

如果你使用窗口宽度，你会看到当屏幕超过450px时，右边会出现一个很小的间隙。

如果我们从CSS类中去掉页边距，我们就会在窗口的边缘看到联系人表单。

​

​

但是如果你想有这样的差距，我建议把margin改成padding

​

​

我已经访问了您的网站，并使用Chrome开发人员控制台进行了样式设置。我发现封装表单的“modal dialog”div在左右两侧都有10px的边距，这会导致表单在较小的屏幕上被向右推10px。

只需在modal-dialog元素上设置margin: 0px，就可以了！Here's完成后应该是什么样子。

你可能需要安装一个像这样的插件：https://wordpress.org/plugins/simple-custom-css/来样式化这个插件，因为你不能直接访问。一旦你这样做了，只需添加

.modal-dialog {
    margin: 0px;
}

添加到您的CSS。如果它不监听您的更改，请将!important标志添加到该属性。