background-size值：cover、100%和contain的區別

background-size 屬性規定背景圖像的尺寸。 先看看W3C的解釋： background-size：contain；等比縮放，按照某一邊來覆蓋顯示區域的，若區域大於圖片的比例，會有白邊，圖片不會變形 圖片右邊有空白區域 background-size：100% 100%;---按容器比例撐滿，圖片變形； 圖片被橫向拉伸 background-size：100%;相當於backgroun

>>阅读原文<<