移动设备上的滚动错误

Scroll bug on mobile devices

我现在正在这个网站上工作:https://handyfreak011.github.io/FreetimeElements/。 我在移动设备上测试了网站,发现了我无法解决的问题。
例如,如果您在 768px 设备上测试网站,您可以向右滚动并看到红色背景...
如何禁用向右滚动?

感谢您的回答!

您遇到的问题是您的 #social div 中有一个 "offset-xs-1 offset-md-2" class。这些 class 导致了您遇到的 "overflow" 问题。尝试使用不同的 classes 来实现该布局,或者如果不可能,请在 #social div

上使用 overflow: hidden;

使用合适的类,

如果你想给 offset-xs-* 然后从 12 的网格系统中减去它然后设置 cols col-xs-*

在你的情况下,

对于 xs 设备

<div class="col-xs-11 offset-xs-1">

对于中型设备

<div class="col-md-10 offset-md-2">

决赛

<div class="col-xs-11 offset-xs-1 col-md-10 offset-md-2 p-y-3">