**:
background-size需要兩個值，它的型別可以是畫素（px）、百分比（%）或是auto，還可以是cover和contain。第乙個值為背景圖的width，另外乙個值用於指定背景圖上的height，如果只設定1個值，則第2個預設為auto，但當值為cover和contain時除外。
html:
專注於web前端開發
css:
.div
效果如下：
css:
.div
效果如下：
length
.div
顯示效果：
這裡為背景設定寬高，會直接被拉伸或縮放，不保持原來的比例。如果只設定乙個數值，另外乙個值預設為auto，它將按原比例來伸縮。
percentage
.div
這裡需要特別注意一下，大小不是按背景大小的百分數來計算的，而是裝載背景圖的元素的百分比來計算。
瀏覽器的相容性
支援瀏覽器：ie(9)、firefox、chrome、opera、safari。
/mozilla/
-moz-background-size:auto||||||cover||contain;
/webkit/
-webkit-background-size:auto||||||cover||contain;
/presto/
-o-background-size:auto||||||cover||contain;
/w3c/
background-size:auto||||||cover||contain;
注意：雖然我上面寫到了各瀏覽器需要新增自己獨特的方式，但並不代表這個樣式一定要新增，在我寫的事例中並沒有為各瀏覽寫自己的樣式，仍然執行很好。
分類: html
歡迎使用CSDN markdow
本markdown編輯器使用stackedit修改而來，用它寫部落格，將會帶來全新的體驗哦 markdown 是一種輕量級標記語言，它允許人們使用易讀易寫的純文字格式編寫文件，然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題，將某些文字標記為粗體或者斜體，建立乙個鏈結等，詳細...
歡迎毛毛與妞妞使用CSDN markdown編輯器
建立乙個自定義列表 如何建立乙個註腳 注釋也是必不可少的 katex數學公式 新的甘特圖功能，豐富你的文章 uml 圖表 flowchart流程圖 匯出與匯入 你好！這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章，了解一下mar...
歡迎使用CSDN markdow1n編輯器
本markdown編輯器使用stackedit修改而來，用它寫部落格，將會帶來全新的體驗哦 markdown 是一種輕量級標記語言，它允許人們使用易讀易寫的純文字格式編寫文件，然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題，將某些文字標記為粗體或者斜體，建立乙個鏈結等，詳細...