jQuery循环幻灯片大小调整问题 在这一页上，中间有一个100%英寸宽的飞溅屏幕，每8秒旋转一次图形。

我在这张幻灯片里有三个div。主div包含幻灯片，内部div包含转发器背景图像，内部div包含渐变图像

问题1。当您尝试缩小浏览器时……网站内容会自动调整并在左侧移动……但是我的幻灯片内容没有……目前我没有内容，但您可以通过黑色边框看到。幻灯片停留在中间。

我如何解决这个问题

问题2。一旦浏览器宽度变小并加载此页面，幻灯片将显示在中间。现在最大化浏览器，您将看到幻灯片，因为幻灯片是在较小的屏幕上呈现的…它将在侧面留下空白，并且div不会随浏览器调整大小

---

我对此表示强烈反对，因此欢迎提供任何帮助和建议

我以前从未使用过jquery.cycle，但它会在渲染时根据初始浏览器宽度调整宽度。在调整浏览器大小时，这些宽度也不会被调整，这将导致最终的问题

查看CSS时，似乎您正试图将宽度直接设置为100%（因为jquery.cycle将宽度直接应用于覆盖它的元素，所以不会生效）。一个直接的解决办法是指定！紧跟在CSS中div元素的宽度之后很重要（强制元素直接使用CSS）

例如（以第一个蓝色div为例）：

这将允许您成功地重新调整浏览器的大小，使内容按需要居中

我可能建议您在更高的级别上应用CSS，因为每个级别之间唯一的变化是图像（现在可以这样做）。去掉CSS的其余部分，并在较高级别上应用它：

.hd_splash_container {
   width: 100% !important
   poisition: relative;
}

.main_color {
   margin-left:70px;
   margin-right:70px;
   position: relative;
} 

---

我相信使用Cycle插件的本机选项也可以实现同样的效果。尝试添加以下规则，如下所示：

$('#slides').cycle({ 
  resizeContainer: false,
  slideResize: false
});     

---

我想你或管理员刚刚编辑了那个部分…很抱歉，但情况有点危急…谢谢

$('#slides').cycle({ 
  resizeContainer: false,
  slideResize: false
});