jquery - CSS DIV滚动条最小宽度问题

Question

我有一个宽度为 1400px 的旋转图像标题（使用 jquery Cycle）。它所在的站点的宽度为 960 像素。

当浏览器调整大小时 - 我在 1400 像素处得到水平滚动条。我需要它们仅从 960 像素开始，而不是 1400 像素。

这可能吗？我还需要标题图像以调整大小为中心。

您可以在此处查看站点和问题....

http://108.174.144.176/~momandpo/

Answer 1

尝试添加这个 css：

#bg_containers div {
  width:100%;
}

你有一个容器#bg_container和一些孩子div的。

Answer 2

您应该强制容器和子项为 100% 宽度，这样它就不会扩大布局。由于您使用居中的背景图像，它将保持居中并根据窗口宽度自动裁剪。

#bg_containers,
#bg_containers > div {
  width: 100% !important;
}

为避免使用 !important，您可以修改脚本以不在这些项目上设置固定宽度。