如何在div中设置图像响应？

Question

我在div here中有一个微笑的房子的图像，我尝试使用以下方式使其响应：

  

* img-responsive（Bootstrap类）

     

*背景尺寸：盖;   背景尺寸：包含;   背景尺寸：汽车;

分别给予这些。 一切都失败了......任何人都有更好的解决方案吗？

PS：不应更改文字和图像的位置。

找到解决方案：我删除了div并添加了图像。现在工作正常。

Answer 1

您的background-size:auto;会覆盖之前的设置。

封面将拉伸以适合div，导致裁剪。包含将拉伸以适应而不会剪裁。

background-image: url(''); 
background-size: contain; 
background-position:center center;
background-repeat: no-repeat;