移动浏览器中的正文边距问题答案

【问题标题】：Body margin issue in mobile browser移动浏览器中的正文边距问题
【发布时间】：2017-06-19 13:12:39
【问题描述】：

我想为以下行为找到解决方案。

如果您转到下一个链接 example page 并在开发人员工具中更改为移动视图，您会看到对于某些设备，您可以选择工具栏在向下滚动时部分隐藏。甚至视图也会在页面右侧创建一个可以横向滚动显示的边距。

我找不到问题的根源。我已经检查了页面中每个 div 的大小，即使是隐藏的 div。我不知道这个问题是否与css中修复的属性有关。

在这里你可以明白我的意思，向下滚动时工具栏是隐藏的，如果你横向滚动会出现一些小边距。

【问题讨论】：

【解决方案1】：

也许不是直接修复，但 Firefox 检查器具有 3D 模式，在这些情况下查找违规元素实际上非常有帮助。

【讨论】：

【解决方案2】：

您可以通过以下编辑来解决它：

.slick-prev: {left: 0;}
.slick-next: {right: 0;}

.container{padding: 0;}（在“.main-banner”之内）

【讨论】：

感谢您的回答，但我仍然对更改有疑问。
我仍然敦促你这样做。确保重置 .container 的填充。对于另一步，我看到您没有在“客户端”滑块上使用箭头（按钮）。您可以通过添加arrows: false 使用JS 删除它们，或者您可以像我在上面写的那样编辑您的CSS，或者您可以将display: none; 添加到这两个类（.slick-prev 和.slick-next）。