如何制作响应式背景图片？

Question

每个人。我想制作一个全宽度的背景图像作为响应。我正在使用bootstrap3.00 framework.as通常当一些人使用bootstrap框架时，它会使模板作为响应，但我使用的背景位于引导容器。当我看一个小设备时，背景图像显示滚动条。现在我如何解决问题？请专家给我一个合适的解决方案。

Answer 1

Perfect Background image（来自 css-trick.com ）

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

示例：

＆＃13;

＆＃13;

html { 
  background: url(http://www.hdwallpapers.in/walls/abstract_color_background_picture_8016-wide.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

＆＃13;

＆＃13;

＆＃13;