手机上的水平滚动问题

Question

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

活链接到我的投资组合，其中的问题所在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的值