Html 移动设备上的水平滚动问题

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

---

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

正如您所说，它与您的导航相关

您的CSS指定了100%的宽度（然后将其偏移，从而导致溢出）

如果您更新了媒体查询，特别是这一行：

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

---

从

100%

到

90%

（这只是一个神奇的数字，对我来说很有用-你可能想添加一个针对移动设备的新规则），然后测试，您将看到它删除移动设备上的

溢出。
使用1.000em值而不是320pxl
在您的网站上，我一直缩小浏览器窗口，直到308px，但没有出现水平滚动。320px没有问题。我确实有一个问题960px-1040px之间的水平滚动条动画fadeInDown是不是关闭。