css background-size 屬性詳解，background-size 指定背景圖像大小，以象素或百分比顯示，當指定為百分比時，大小會由所在區域的寬度、高度以及 background-origin 的位置決定，還可以通過 cover 和 contain 來對圖片進行伸縮 ...

backgroun-size:cover; .是按照等比縮放鋪滿整個區域。主要用於圖片比div小的時候，將圖片按照某一邊的比例擴大以填充整個div背景。 .優點：圖片不會被拉升，且實用於div長度和寬度的比例合適時候 .缺點：圖片會失真，且當寬度和高度比例過大時候，會出現圖片顯示不全 ...

前言: CSS3提供了很多豐富且實用的規范，得以讓網頁更加絢麗多彩。因為多了很多新的知識，我學得也沒那么全面，經常就多敲了很多多余得代碼。 比如CSS3提供了background-size屬性，可以設置背景圖片的尺寸。因為是新屬性，也不知道能不能用background簡寫，每次我都分開 ...

; background-position: 設置背景圖像的位置; background-size: ...

; //設置元素的背景定位起點，默認值為left top background-size：auto; ...

在我們做項目過程中，可能會遇到一個問題，就是給個背景圖的尺寸大小是一樣的，可是屏幕大小卻有很多種。 比如app前面的幾個引導頁，你收到的是固定大小尺寸的照片，怎么讓這個屏幕可以跟背景圖片相適應呢？ ...

先來看w3c的background-size的幾個值： background-size:cover; 把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區域。背景圖像的某些部分也許無法顯示在背景定位區域中。 background-size:contain; 把圖像圖像擴展至最大尺寸 ...

　　滿心歡喜地寫代碼，最后測試兼容性的時候發現Logo圖片在IE8下特別大。明顯是background-size在ie8一下不兼容。 　　 　　我懂得，IE8還是個孩子，我就加幾句你獨有的代碼讓你兼容吧，司空見慣了： 　　然后發現logo變得十分華麗（奧義·雙重logo ...