如何在 <div> 块中放置背景图像并表现为“响应式”

Question

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

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

• 我希望图像占用更多页面背景（无论 div 块中有多少内容
• 我需要将图像扩展到其所在块的边界之外
• 我希望图像具有响应性

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

http://bit.ly/1IgmNKT

谢谢。

Answer 1

试试：

 background-size: 100% auto;