移动设备上的滚动错误
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">
我现在正在这个网站上工作: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">