移动浏览器

Question

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

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

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

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

Answer 1

也许不是直接修复，但Firefox检查器有一个3D模式，在这些情况下找到有问题的元素实际上非常有用。

Answer 2

You can solve it with the following edits:

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

.container{padding: 0;} (inside of ".main-banner" one)