Jquery 页外幻灯片面板样式未按预期工作

所以我尝试创建一个外部菜单面板，当我点击一个按钮时打开，当我再次点击时关闭

外部面板工作正常，但我的css不再工作

$（文档）.ready（函数（）{
var window_height=$（window.height（）；
var window_width=$（window.width（）；
$（'面板'）.css（'高度'，窗口高度-20）；
$（'包装器'）.css（'高度'，窗口高度-25）.css（'宽度'，窗口宽度-20）；
$（“#按钮”）。单击（函数（）{
var值=$（“#按钮”）.text（）；
如果（值=‘菜单’）{
$（“#包装器”）。设置动画({
左：320
});
$（'按钮'）.text（'关闭'）；
}否则{
$（“#包装器”）。设置动画({
左：0
});
$（'按钮'）.text（'菜单'）；
}
});
});
正文{
背景：#000；
字体系列：Arial；
颜色：#FFF；
边际：0px；
填充：0px；
溢出：隐藏；
}
#面板{
背景：线性梯度（至底部，rgba（39,40,43,1）0%，rgba（0,0,0,1）100%）；
最大宽度：300px；
宽度：100%；
颜色：#000；
/*右边框：2倍实心#800000*/
页边顶部：-5px；
}
#面板img{
最大宽度：250px；
宽度：200px；
高度：200px；
保证金：0自动；
填充顶部：10px；
显示：块；
}
#面板ul{
列表样式类型：无；
}
#小组讨论会{
文本对齐：居中；
边框底部：2倍实心#800000；
左边距：-35px；
边缘顶部：10px；
边缘底部：5px；
宽度：100%；
填充：12px；
光标：指针；
}
#小组委员会{
文字装饰：无；
字体大小：1.2米；
颜色：#FFF；
字距：2px；
文本对齐：居中；
}
#面板a：悬停{
颜色：#02832d；
}
#包装纸{
背景：#000；
最大宽度：1200px；
宽度：100%；
保证金：0自动；
位置：绝对位置；
顶部：0px；
左：0px；
}
#钮扣{
背景：80万；
颜色：#FFF；
填充：10px；
位置：绝对位置；
底部：25px；
左：10px；
边界：无；
边界半径：3px；
}
#头{
最大宽度：1200px！重要；
宽度：100%；
高度：自动；
保证金：0自动；
}
#头部img{
最大宽度：50px；
宽度：100%；
高度：50px；
右边距：20px；
垂直对齐：中间对齐；
}
#头a{
文字装饰：无；
颜色：#FFF；
}
#头a：悬停{
颜色：#02832d；
}













菜单
试试这段代码。我认为这将解决您面临的问题：

$(window).resize(function() {
      $('#panel').css('height', $(window).height() - 20);
      $('#wrapper').css('height', $(window).height() - 25).css('width', $(window).width() - 20);
});

你能详细解释一下吗？最大宽度不适用于哪个元素？您没有看到的预期结果是什么？当我尝试调整浏览器大小时，包装或标题上的最大宽度不起作用。它会调整大小，但只有当我刷新页面时，它才会改变我的宽度，否则图像或文本根本不会移动。例如，我将一个图像和文本放在浏览器窗口的右侧，当我将其调整为800px时，我的浏览器窗口为1200px。图像或文本不会随浏览器移动，因此根本不响应。您正在使用JavaScript修改包装的宽度。我可能会误解，但我认为您的解决方案是在窗口重新调整大小时继续使用JavaScript更新包装器$（窗口）.resize（函数（）{//在此处修改包装的宽度。}）；谢谢你的回答：）但是我不能让它工作：/你能帮我修改包装的宽度吗？非常感谢：）它现在工作得很好。非常快速的帮助：）