contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。有点不理解

（请问这里的等比缩放是根据什么来判断缩放大小，题目里也没看到设置缩放多少倍，但它变大了是怎么来的）。（还有缩放至某一边，是不是还有另外的边也可以且怎样设置）

泥泥2015

2015-05-22

源自：十天精通CSS3 5-3

关注问题我要回答

1735

操作

收起

3 回答

林真心
2016-04-09

比例：图片的长宽比例不变

填充：在图片长宽比例不变的前提下，长或宽一方填充到容器边缘

0 回复有任何疑惑可以回复我~

收起回答

Honghong1223
2015-10-30

contain，按比例调整背景图片，使得其图片宽高比自适应整个元素的背景区域的宽高比，因此假如指定的图片尺寸过大，而背景区域的整体宽高不能恰好包含背景图片的话，那么其背景某些区域可能会有空白。

如果想要背景图片等比缩放至右边紧贴容器边缘no-repeat前面加个right让它从右边开始显示，一般默认从左边开始的。

 .demo{ 
   width:200px;
   height:50px;    
   background:url(http://static.mukewang.com/static/img/logo_index.png)right no-repeat ;   /*假如图片的宽高为440*440话，而元素相对区域高度为50*/
   background-size:contain;}