background-size: cover是保持背景圖片的寬高比不變嗎？

background-size的值cover和contain都是保持背景圖片的寬高比不變，不同之處是:

1. cover會(huì)拉伸或者縮小圖片，直到剛好能完全覆蓋背景區(qū)域，也就是寬度（或者高度）正好達(dá)到背景的邊界，然后高度（或者寬度）有可能是超出背景邊界的；
2. contain會(huì)拉伸或者縮小圖片，直到圖片的寬度（或者高度）抵達(dá)背景的邊界，當(dāng)寬度首先到達(dá)背景的寬度時(shí)，高度有可能沒有正好是背景的高度，所以會(huì)導(dǎo)致下面有一塊空白區(qū)域；當(dāng)高度首先到達(dá)背景的高度時(shí)，寬度有可能沒有正好是背景的寬度，所以會(huì)導(dǎo)致右邊有一塊空白區(qū)域。

Update1:

我這邊顯示的效果是一樣的：