在移动设备上滚动错误

时间:2016-10-17 12:27:15

标签: javascript html css twitter-bootstrap-4

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

谢谢你的回答!

2 个答案:

答案 0 :(得分:1)

使用适当的类

如果您想提供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">

答案 1 :(得分:0)

您遇到的问题是您的"offset-xs-1 offset-md-2" div中有#social个班级。这些类导致了你所遇到的“溢出”问题。尝试使用不同的类来实现该布局,或者如果不可能在overflow: hidden; div上使用#social