背景大小100％如果需要改变宽高比？

Question

是否可以将背景图像设置为高度的100％和div的100％？因此，如果div的宽高比发生变化，那么图像宽高比也会发生变化。

这不起作用：

  background-size: 100% 100%; 

这样可以削减图像而不是改变其宽高比：

background-size: cover;

Answer 1

background-size: 100% 100%;填充整个区域（可能会改变图像的宽高比）。

请注意background-size在 background定义后放置。

请参阅代码段：

.bgimage
{
  width: 100%; height: 200px;
  border: 1px solid red;
  background: url(http://upload.wikimedia.org/wikipedia/commons/4/46/Drazet%2C_a_black_feral_cat.jpg) no-repeat center center;

  background-size: 100% 100%;
}

<div class="bgimage">
  ...
</div>

图片来源：http://en.wikipedia.org/wiki/Black_cat#/media/File:Drazet,_a_black_feral_cat.jpg
作者：Ordog