公用欄目


Join the forum, it's quick and easy

公用欄目

background-size

向下

background-size Empty background-size

發表  rb1606 30.07.20 21:32

background-position: center
background-size:auto
保持原图大小



background-position: right bottom
background-size:30%
按背景尺寸百分比放大或缩小,
第一个值是宽度,第二个值为高度。
如果只给出一个值,第二个值自动变化。



background-position: center top
background-size:cover
保持原比例放大填满背景



background-position: center top
background-size:contain
保持原比例放大或压缩到背景尺寸



background-position: center top
background-size:600px
第一个值是宽度,第二个值设置为高度。
  只给出一个值,第二个值按原比例自动变化。

https://www.w3schools.com/cssref/css3_pr_background-size.asp
https://www.runoob.com/cssref/css3-pr-background-size.html


rb1606
rb1606

文章數 : 4191
注冊日期 : 2012-11-06

回頂端 向下

background-size Empty 回復: background-size

發表  rb1606 31.07.20 7:55

background-position: center
background-size:100% 100%
不保持原图宽高比例,图片拉伸到填满背景


rb1606
rb1606

文章數 : 4191
注冊日期 : 2012-11-06

回頂端 向下

回頂端


 
這個論壇的權限:
無法 在這個版面回復文章