代码之家 › 专栏 › 技术社区 › Anonymous

移动设备上不需要的可滚动水平空间

bulma responsive css html

0

Anonymous · 技术社区 · 7 年前

我正在建立这个网站 http://104.236.64.172:8081 使用Bulma CSS框架(可能不相关)。除了一个我无法解决的小问题外,该网站反应迅速,在移动设备上整体看起来很棒。

如果你在手机上打开这个链接,你会看到右侧有一些不需要的水平空间。有点像备用的 margin-right . 但问题是我无法在桌面上调试它,因为它似乎不会出现在小宽度的大屏幕上。你能帮我调试一下吗?

1 回复 | 直到 7 年前

1

0

Chase Ingebritson 7 年前

我通过在cont类上隐藏overflow-x解决了这个问题。

例如:

.cont {
    max-width: 1110px;
    margin: 0 auto;
    overflow-x: hidden; /* THIS */
}

我尝试在cont的children类上添加相同的实现,但它似乎并没有像在其父类上那样解决这个问题。如果有人有更好(或更安全)的解决方案,请随意使用它,而不是这个,因为这可能会在以后产生不想要的影响。

另外,作为提示,您应该能够使用web浏览器的(在我的例子中是Chrome)检查功能,以便在移动设备上使用网站进行复制。 Here's a quick walkthrough.