手机上的水平滚动问题

Question

在移动设备上（或将浏览器滚动到320px）我得到一个水平滚动，这似乎与移动设备上的导航有关，因为当导航设备折叠时它会消失。有谁知道这个问题可能是什么？

问题所在的我的投资组合的实时链接here

Answer 1

正如你所说，它与你的导航有关。

你有CSS指定宽度为100％（然后你会偏移，导致溢出）。

如果您更新媒体查询，特别是此行：

@media only screen and (max-width: 767px)
    .nav-collapse, .nav-collapse ul {
        width: 100%;
    }
}

从100%说90%（只是一个神奇的数字，对我有用 - 你可能想要添加一个针对移动设备的新规则）然后进行测试，你会看到它删除了移动设备上的overflow。

Answer 2

使用1.000em值而不是320pxl