CSS DIV滚动条和最小宽度的背景

我有一个标题DIV，它是1400px宽，包含一个必须始终居中的背景图像

我有一个网站，需要960像素宽

当我调整浏览器的大小（缩小它）时，在达到960px之前，我不想要任何水平滚动条，但是页眉/背景上的较大宽度导致了这一点

是否可以停止调整大小至960px时的所有水平滚动条，并使标题div中的背景图像居中

感谢您的帮助！我在这里设置了一些代码用于快速测试

背景图像的宽度为1400px。我需要滚动条以960像素开始，而不是1400像素。这可能吗？

将

#标题

宽度从固定像素更改为

100%

---

演示：

尝试摆弄最小宽度，如果不起作用，请使用边距，css

自动边距

在这里很有用。所以，让结构像这样：

<style>
.center_image
{
  margin: auto auto; // or you can modify the x or y seperately
  background-image:url("somesite.jpg");
}
</style>

<div class="outer">
  <div class="center_image">

.center_图像
{
边距：auto-auto；//或者您可以单独修改x或y
背景图片：url（“somesite.jpg”）；
}

将标题宽度设置为100%，并将背景图像居中

background: url(http://fade.com.au/test/bg-image.jpg) no-repeat center center;
width: 100%;

---

演示：

这对示例有效-但意识到我做错了什么…新版本的ehre-注意图像现在是内联的-而不是背景。有没有办法对一个有宽图像的div执行相同的最小宽度@小写您可以使用

#header img{width:100%}

这将适合图像的宽度，但也将调整高度以保持纵横比。感谢您的帮助，但在使用jquery运行时仍然无法工作。这里是新的JSFIDLE，它显示了jquery插件正在运行。背景图像的宽度为1400px。我需要滚动条以960像素开始，而不是1400像素。这可能吗？