国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css里怎么改變圖片的大小,改變圖片大小的方法,CSS中的width和height屬性

前端小編 7 0

在CSS中,我們可以使用多種方法來改變圖片的大小,以下是一些常用的方法:

1、使用width和height屬性:通過設(shè)定圖片的寬度和高度,我們可以直接改變圖片的大小,將圖片的寬度設(shè)為200像素,高度設(shè)為100像素:

img {
  width: 200px;
  height: 100px;
}

2、使用max-width和max-height屬性:與width和height不同,max-width和max-height屬性會(huì)限制圖片的***大寬度和高度,而不會(huì)改變圖片本身的尺寸,這在對(duì)圖片大小有嚴(yán)格要求的場景中非常有用。

img {
  max-width: 200px;
  max-height: 100px;
}

3、使用scale()函數(shù):CSS的transform屬性中的scale()函數(shù)可以改變圖片的大小,通過設(shè)定scale()函數(shù)的參數(shù),我們可以放大或縮小圖片的大小,將圖片放大2倍:

img {
  transform: scale(2);
}

4、使用object-fit屬性:object-fit屬性可以改變圖片在容器中的填充方式,從而間接改變圖片的大小,將圖片填充方式設(shè)為contain,可以使圖片始終保持其原始縱橫比,但可能會(huì)留下空白區(qū)域:

img {
  object-fit: contain;
}

就是CSS中改變圖片大小的一些方法,在實(shí)際應(yīng)用中,我們可以根據(jù)具體的需求和場景選擇***適合的方法。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
中文字幕丰满人妻| 亚洲AV在线观看| 狠狠躁日日躁xxxxaaaa| 国产香蕉在线| JLZZ大全| 97人人妻人人澡人人爽| 人妖疯狂做爰xxxⅹ高潮| 老熟女重囗味HDXX69| 一区二区激情视频| たちの熟人妻av一区二区| 久久久久女人精品毛片| 麻豆成人av| 久久亚洲国产成人精品无码区| 丝袜av一区| 青青草国产精品久久久久婷婷| 熟妇videos| 四虎影视永久在线| 荫蒂添的好舒服视频大全 | 免费成人在线视频观看| 中文字幕aⅴ人妻一区二区| 欧美激情精品一区| 黄网站在线观看免费| 天堂а√在线最新版中文在线| 欧美国产日韩成人| 国产精品久久久久久久久久久久久久| ASIAN高潮.颤抖.抽搐BLACK| 亚洲精品国产无套在线观| 在线免费网站| 人妻人人玩| jlzzjizz成熟少妇亚洲| 老熟女露脸嗷嗷叫在线观看| 国产一区二区视频在线观看| 精品乱子伦一区二区| 亚洲第一精品夜夜躁人人躁| 欧美白人最猛性xxxxx69交| 精品久久久久久久久中文字幕| 国产精品卡一卡二| 国产SUV精品一区二区33| 亚洲成人高清在线观看| 国产精品av国片精品l| av鲁丝一区二区鲁丝|