Question

菜单未横向滚动 - 当页面放大或在移动设备上查看时出现问题

我该如何解决？

Answer 1

position: fixed正如名称所示，修复了窗口中的位置。如果它不尊重垂直滚动，它当然也不尊重水平滚动。您应该使用媒体查询：

@media screen and (max-width: 980px)
{
    #header
    {
        position: absolute;
    }
}

这只是一个暗示。您可能需要自定义或扩展此代码。但它给你一个起点。

Answer 2

您可以在css中轻松实现所需的CSS3 Media Queries ..

实际上您没有使用Media Queries这就是为什么您的菜单没有根据屏幕尺寸进行调整....

关于如何使用CSS3媒体查询阅读下面提到的文章，他们真的很有帮助。