如何将背景图像放置在 <div> 块中并表现得像 "responsive"

Question

我在一个区块中有一个 background-image，如下面 link 页面所示。​​

我正在尝试显示如下图像：

• 我希望图像占用更多页面背景（无论 div 块中有多少内容
• 我需要图像延伸到它所在的块的边界之外
• 我想让图片响应

我的图像似乎随着我添加更多内容或删除内容而变大和变小。有没有办法让图像看起来比实际大（理想情况下是视口宽度的 90%）并在各种屏幕分辨率下保持其 90% 的大小？

http://bit.ly/1IgmNKT

谢谢。

Answer 1

尝试：

 background-size: 100% auto;