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

css 圖片怎么縮小,CSS圖片縮小方法

前端小編 12 0

在CSS中,我們可以使用多種方法來縮小圖片,以下是幾種常見的方法:

1、使用widthheight屬性:

通過CSS,我們可以直接設(shè)置圖片的寬度和高度來縮小圖片,將圖片的寬度設(shè)置為500px,高度設(shè)置為300px:

img {
  width: 500px;
  height: 300px;
}

2、使用max-widthmax-height屬性:

widthheight不同,max-widthmax-height屬性只會將圖片縮小到指定的寬度和高度,而不會改變圖片的原始比例。

img {
  max-width: 500px;
  max-height: 300px;
}

3、使用scale()函數(shù):

CSS的transform屬性中的scale()函數(shù)可以用來縮放圖片,將圖片縮小到原始大小的75%:

img {
  transform: scale(0.75);
}

4、使用圖片自身的屬性:

圖片元素本身有一個naturalWidthnaturalHeight屬性,我們可以使用JavaScript來獲取圖片的原始大小,并在CSS中設(shè)置縮放比例。

var img = document.getElementById('myImage');
var naturalWidth = img.naturalWidth;
var naturalHeight = img.naturalHeight;
img.style.width = (naturalWidth * 0.75) + 'px';
img.style.height = (naturalHeight * 0.75) + 'px';

是幾種常見的縮小圖片的方法,你可以根據(jù)自己的需求選擇適合的方法。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
国产成人久久精品77777综合| 国产人妻777人伦精品HD| 亚洲一区高清视频| 国产韩国精品一区二区三区| 国产精品18久久久久久麻辣| av亚洲在线观看| 久久久精品国产亚洲av高清| 青草青青在线视频| 亚洲精品99久久久| 国产精产国品一二三| 成人国产一区二区三区精品小说| 久久影院午夜理论片| 色婷婷综合久久精品一区二区三区| 亚洲熟女一区二区三区| 国产精品免费网站| 欧美午夜一区二区福利视频| 91精品国产91热久久久做人人| 天天爽夜夜爽视频| 日韩在线视频观看免费| good电影三级理论韩国| 亚洲丁香五月天缴情综合| 国内精品久久久久影院薰衣草| 午夜福利国产精品| 99国产精品人妻无码| 无码人妻久久一区二区三区蜜桃| 久久精品国产亚洲精品| 两男吮她的花蒂和奶水视频| 精品亚洲va在线va天堂资源站| 美女国产毛片a区内射| 99国产精品久久久久久久成人热,99精品久久 | 精品国产成人亚洲午夜福利| 欧美一级黑人aaaaaaa做受| 久久99热这里只有精品| 99国产精品欲无码亚洲乱| 丝袜av网| 国产精品久久久久久久久妇女 | 国产精品国产精品国产专区不卡| 亚洲人成电影在线播放| 亚洲国产精品成人久久| 精品久久综合1区2区3区激情| 成人精品视频一区二区|