CSS：如何制作排除图像纵横比的响应式背景图像？答案

【问题标题】：CSS: How to make responsive background image that excluded the aspect ratio of the image?CSS：如何制作排除图像纵横比的响应式背景图像？
【发布时间】：2016-03-06 05:19:11
【问题描述】：

我想在正文中制作一个不会保持纵横比的背景图片。

html,
body {
  height: 100%;
  background-image: url(../images/xmasbg13.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

如果浏览器窗口处于全屏状态，上面的代码可以正常工作。但是当我调整浏览器大小时，它会保持图像的纵横比，不会覆盖整个页面。

【问题讨论】：

检查这个。 stackoverflow.com/questions/12609110/…
使用background-size: 100%

标签： html css

【解决方案1】：

background-size:cover怎么样

http://jsfiddle.net/2ez1e3mn/

您可以调整结果窗格的大小，并使用它调整图像大小（全高和全宽）。

【讨论】：

hmmmm... background-size:cover 应该忽略纵横比。您有说明问题的有效 URL 吗？
哦！我现在解决了。我只是删除了height:100%。