背景縮放(CSS3)

通過background-size設置背景圖片的尺寸，就像我們設置img的尺寸一樣，在移動Web開發中做屏幕適配應用非常廣泛。

其參數設置如下：

a) 可以設置長度單位(px)或百分比（設置百分比時，參照盒子的寬高）

b) 設置為cover時，會自動調整縮放比例，保證圖片始終填充滿背景區域，如有溢出部分則會被隱藏。我們平時用的cover 最多

c) 設置為contain會自動調整縮放比例，保證圖片始終完整顯示在背景區域。

background-image: url('images/gyt.jpg');
background-size: 300px 100px; /* background-size: contain; */ /* background-size: cover; */

多背景(CSS3)
以逗號分隔可以設置多背景，可用于自適應布局 做法就是 用逗號隔開就好了。

• 一個元素可以設置多重背景圖像。
• 每組屬性間使用逗號分隔。
• 如果設置的多重背景圖之間存在著交集（即存在著重疊關系），前面的背景圖會覆蓋在后面的背景圖之上。
• 為了避免背景色將圖像蓋住，背景色通常都定義在最后一組上，

轉載請注明出處 AE博客|墨淵 ? CSS3中的背景縮放以及多背景