Question

我正在使用Bulma CSS框架构建此网站http://104.236.64.172:8081（可能无关紧要）。除了一个我无法解决的小问题外，该网站在移动设备上具有响应性和整体外观。

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

Answer 1

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

例如：

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

我尝试在cont的子类上添加相同的实现，但它似乎没有按照它的父进程的方式解决问题。如果有人有更好（或更安全）的分辨率，请随意使用它而不是这样，因为这可能会在以后产生不良影响。

另外，作为提示，您应该能够使用网络浏览器（在我的情况下为Chrome）检查功能，以便使用移动设备上的网站进行重现。 Here's a quick walkthrough.