原文:[HTML]background-size可以縮放大小

轉自:http: www.igooda.cn jsdt .html background size需要兩個值,它的類型可以是像素 px 百分比 或是auto,還可以是cover和contain。第一個值為背景圖的width,另外一個值用於指定背景圖上的height,如果只設定 個值,則第 個默認為auto,但當值為cover和contain時除外。cover:保持圖像的寬高比例,將圖片縮放到正好完 ...

2016-09-28 11:08 0 14365 推薦指數:

查看詳情

Background-Size

Background-Size:[ <length> | <percentage> | auto ]{1,2} | cover | contain background-size指定背景大小,以象素或百分比顯示。當指定為百分比時,大小會由所在區域的寬度、高度 ...

Tue Aug 28 18:48:00 CST 2012 0 9916
background-size 詳解

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

Tue Jun 18 19:59:00 CST 2019 0 570
background-size設置背景圖像的尺寸大小

background-size設置對象的背景圖像的尺寸大小 <length>用長度值指定背景圖像大小,不允許負值;=>background-size:X軸尺寸大小 Y軸尺寸大小 <percentage>用百分比指定背景圖像大小,不允許負值 ...

Sat Oct 31 01:34:00 CST 2020 0 709
background-size (設置背景圖片的大小

設置背景圖片的大小,以長度值或百分比顯示(數值包括 長度length和百分比percentage),還可以通過cover和contain來對圖片進行伸縮。 語法:background-size: auto | <長度值> | <百分比> | cover ...

Fri Oct 21 05:22:00 CST 2016 0 10682
background-size屬性詳解

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

Wed Dec 09 23:52:00 CST 2020 0 341
背景圖片等比縮放的寫法background-size簡寫法

1、背景圖片或圖標也可像img一樣給其寬高就能指定其縮放大小了。 比如一個實際寬高36*28的圖標,要縮小一半引用進來的寫法就是: background:rgba(0, 0, 0, 0) url("../images/report_icon@2x.png") no-repeat scroll ...

Wed Jun 29 19:34:00 CST 2016 0 6917
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM