css - 如何将背景图像放在 <div> block 中并表现为 "responsive"

Question

我在 block 中有一个 background-image，如下面的页面链接所示。

我正在尝试按如下方式显示图像:

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

当我添加更多内容或删除内容时，我的图像似乎会变大或变小。有没有办法让图像看起来比实际大(理想情况下约为视口(viewport)宽度的 90%)并在各种屏幕分辨率下保持其 90% 的大小？

http://bit.ly/1IgmNKT

谢谢。

Answer 1

尝试:

 background-size: 100% auto;