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

css怎么讓圖片縮小,CSS圖片縮小技巧

前端小編 19 0

在CSS中,可以使用widthheight屬性來(lái)縮小圖片,這些屬性可以指定圖片在網(wǎng)頁(yè)上的寬度和高度。

如果要將圖片縮小到原來(lái)的50%,可以編寫(xiě)如下代碼:

img {
  width: 50%;
  height: 50%;
}

這將使所有<img>元素在網(wǎng)頁(yè)上的寬度和高度都縮小到原來(lái)的50%。

也可以使用max-widthmax-height屬性來(lái)限制圖片的***大寬度和高度。

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

這將使所有<img>元素在網(wǎng)頁(yè)上的***大寬度限制為500像素,***大高度限制為300像素,如果圖片原始尺寸超過(guò)這些限制,那么圖片將按照比例縮小到這些限制之內(nèi)。

還可以使用object-fit屬性來(lái)指定圖片在容器中的填充方式。

img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

這將使圖片在容器內(nèi)按照比例縮放,同時(shí)保持圖片的原始縱橫比,如果圖片的原始尺寸大于容器的大小,那么圖片將按照比例縮小到容器大小之內(nèi)。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
国产精品久久国产三级国12| 久久久久久久不卡| 日韩av一区二区在线| 91人人妻人人澡人人爽人人精品99 | 国产亚洲精品久久久久动| 久久久久久国产精品高清| 三个黑人猛躁视频| 久久国产精品77777蜜臀| 中文字幕精品一区二区三区| 精品人妻一区二区三区1| 成人在线视频一区二区| 99热在线免费| 精品一区一区三区新区乱码| 日韩欧美精品久久| av每日更新在线观看| 99re6精品视频在线观看| 激情五月天丁香花| 精品国产乱码久久久久软件| 天天综合网在线| 成人熟女视频一区二区三区| 99精品一区二区| 色综合天天综合综合国产| 日本人妻巨大乳喷奶水电影| 国产精品久久久久久久毛片 | 成人精品动漫一区二区三区av| 久久久国产精品麻豆| 日本丰满少妇bbb| 日韩国产黄色| 99精品国产在热久久婷婷| 国产精品久久久久久久久久两年半| 丰满的欲妇在线观看| 国产一级a黄荡aaa毛毛大片| 国产精品亚洲LV粉色| 欧美人妻中文字幕| 人人爽人人爽人人片av| 国产精品一区二区欧美黑人喷潮水| 狠狠干夜夜爽| 午夜精品久久久久久久91蜜桃| 国产精品国产三级国产| 99久久精品国产一区二区三区| 日韩欧美国产区|