contain：容納，即將背景圖片等比縮放至某一邊緊貼容器邊緣為止。有點不理解

（請問這里的等比縮放是根據什么來判斷縮放大小，題目里也沒看到設置縮放多少倍，但它變大了是怎么來的）。（還有縮放至某一邊，是不是還有另外的邊也可以且怎樣設置）

泥泥2015

2015-05-22

源自：十天精通CSS3 5-3

關注問題我要回答

1772

操作

收起

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;}