Menu 当窗口调整大小时,我的菜单栏不会调整大小

Menu 当窗口调整大小时,我的菜单栏不会调整大小,menu,resize,window,nav,Menu,Resize,Window,Nav,我的代码有问题。我有一个固定的菜单栏,它可以正常工作,但当我改变窗口大小时,它不会调整大小。我需要它调整大小,因为如果你改变窗口大小,它将不会水平滚动,一些按钮被切断。我怎样才能解决这个问题 也可以随意对不必要的代码进行优化或输入 谢谢 正文{ 边际:0px; 填充:0px; 背景:url(images/gradient.jpg)不重复; 背景尺寸:封面; 背景附件:固定; 背景位置:中心; } 部分{ 保证金:0自动; 边框:1px实心#000000; 边界半径:8px; 背景:#E5E7E

我的代码有问题。我有一个固定的菜单栏,它可以正常工作,但当我改变窗口大小时,它不会调整大小。我需要它调整大小,因为如果你改变窗口大小,它将不会水平滚动,一些按钮被切断。我怎样才能解决这个问题

也可以随意对不必要的代码进行优化或输入 谢谢

正文{
边际:0px;
填充:0px;
背景:url(images/gradient.jpg)不重复;
背景尺寸:封面;
背景附件:固定;
背景位置:中心;
}
部分{
保证金:0自动;
边框:1px实心#000000;
边界半径:8px;
背景:#E5E7E9;
宽度:958px;
高度:800px;
}
.bpic{
宽度:200px;
高度:350px;
边际:0px;
}
.传记片{
边框:2px实心#ddd;
边界半径:8px;
填充物:5px;
宽度:200px;
高度:350px;
保证金:40px 40px 40px 375px;
}
.生物{
利润率:40像素;
字体系列:verdana;
文本对齐:居中;
}
#传记{
字体系列:arial黑色;
字体大小:120%;
文本对齐:居中;
边框:2px实心#ddd;
边界半径:8px;
填充:10px;
}
#任务{
字体系列:arial黑色;
字体大小:120%;
文本对齐:居中;
边框:2px实心#ddd;
边界半径:8px;
填充:10px;
}
#计划{
字体系列:arial黑色;
字体大小:120%;
文本对齐:居中;
边框:2px实心#ddd;
边界半径:8px;
填充:10px;
}
#接触{
字体系列:arial黑色;
字体大小:100%;
文本对齐:居中;
边框:2px实心#ddd;
边界半径:8px;
填充:10px;
}
.电邮{
边框:1px实心#ddd;
边界半径:8px;
填充物:5px;
宽度:150px;
高度:96px;
保证金:3px40px 3px400px;
}
.横幅{
宽度:960px;
身高:143px;
保证金:0自动;
填充:0px;
背景:url(images/banner.png)不重复;
}
.横幅h2{
字体系列:vollkorn;
字体大小:350%;
颜色:白色;
文本转换:大写;
保证金:0;
位置:相对位置;
前-40%;
左:83%;
转换:翻译(-50%,-50%);
}
.菜单{
列表样式类型:无;
保证金:自动;
背景色:#333;
宽度:100%;
背景:url(images/menu.jpg)repeat-x;
位置:固定;
最小宽度:1080px;
z指数:1;
显示:内联块;
}
.菜单ul{
浮动:左;
边际:0px;
填充:0.30%;
列表样式:无;
}
李先生{
填充:0px;
显示:内联;
}
.菜单ul li a{
位置:相对位置;
浮动:中心;
显示:内联块;
高度:30px;
宽度:180px;
文本对齐:居中;
填充:12px0;
字体大小:13px;
字体大小:粗体;
文字装饰:无;
颜色:#ffffff;
大纲:无;
最小高度:24px;
}
.menu li a:悬停,.menu li.当前{
位置:相对位置;
颜色:#ffffff;
背景:url(images/menuhoverlight.jpg)右上角无重复;
}
.menu li a:悬停范围,.menu li.当前范围{
位置:绝对位置;
显示:内联块;
宽度:15px;
高度:42px;
排名:0;
左:0;
背景:url(images/menuhoverleft.jpg)不重复;
}
jprop先生{
边框:1px实心#ddd;
边界半径:8px;
填充物:5px;
宽度:200px;
高度:195px;
利润率:40像素;
}
.jprop:悬停{
盒影:0.02×1×rgba(0.140、186、0.5);
}

主页
K V


样式表中的这一点css将防止菜单的大小调整到1080px以下。因此,它对于许多平板电脑和手机来说都太宽了

   .menu {
        min-width: 1080px;
    }

删除min width属性,然后查看这是否为您修复了它

删除它会导致一个问题,即如果调整窗口的大小,所有按钮都会移到菜单栏下方。