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

（請(qǐng)問(wèn)這里的等比縮放是根據(jù)什么來(lái)判斷縮放大小，題目里也沒(méi)看到設(shè)置縮放多少倍，但它變大了是怎么來(lái)的）。（還有縮放至某一邊，是不是還有另外的邊也可以且怎樣設(shè)置）

泥泥2015

2015-05-22

源自：十天精通CSS3 5-3

關(guān)注問(wèn)題我要回答

1769

操作

收起

3 回答

林真心
2016-04-09

比例：圖片的長(zhǎng)寬比例不變

填充：在圖片長(zhǎng)寬比例不變的前提下，長(zhǎng)或?qū)捯环教畛涞饺萜鬟吘?/p>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

Honghong1223
2015-10-30

contain，按比例調(diào)整背景圖片，使得其圖片寬高比自適應(yīng)整個(gè)元素的背景區(qū)域的寬高比，因此假如指定的圖片尺寸過(guò)大，而背景區(qū)域的整體寬高不能恰好包含背景圖片的話，那么其背景某些區(qū)域可能會(huì)有空白。

如果想要背景圖片等比縮放至右邊緊貼容器邊緣no-repeat前面加個(gè)right讓它從右邊開始顯示，一般默認(rèn)從左邊開始的。

?.demo{?
???width:200px;
???height:50px;????
???background:url(http://static.mukewang.com/static/img/logo_index.png)right?no-repeat?;???/*假如圖片的寬高為440*440話，而元素相對(duì)區(qū)域高度為50*/
???background-size:contain;}