css - 固定菜单不水平滚动

Question

菜单未水平滚动 - 页面放大或在移动设备上查看时会出现问题

我该如何解决？

score 1 · Accepted Answer

position: fixed顾名思义，固定窗口中的位置。如果它不尊重垂直滚动，它当然也不尊重水平滚动。您应该使用媒体查询：

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

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

score 0 · Accepted Answer

CSS3 Media Queries您可以通过您的 css轻松实现您的期望。

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

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

2 回答 2