Question

style{ background: url...}
<body>
  <div id = 'content'>
     BLABLABLABLABLBA
  </div>
</body>

我想知道如何设置背景图片（在css中）以确保如果我裁剪浏览器窗口，它将自动重新调整。但内容需要修复。

谢谢

Answer 1

http://css-tricks.com/上有一篇名为perfect-full-page-background-image的文章有助于解决您的问题。他为你提供了所有不同的方法。

顺便说一句，你只需要保持#content的宽度为固定宽度。

Answer 2

这是一个jsFiddle，它演示了在外部div中使用position:fixed同时使用background-size:contain同时使用:contain保留图像的内部div的过程。

编辑：现在额外的div也用于包含任何边框要求！
EDIT-2：使用:cover更新了jsFiddle，而非:cover以及非抽象图片。

对于 IE6-8 等旧浏览器，有许多插件可供选择，允许使用 CSS3样式。这个名为backgroundSize.js的jQuery插件专门用于:contain和background-size {{1}}，如果您需要该选项，则由SO成员Louis-Rémi提供。 / p>