css將圖片等比縮放的方法：可以利用object-fit屬性來實現，如【object-fit: cover;】。object-fit屬性指定元素的內容應該如何去適應指定容器的高度和寬度。

屬性介紹：

object-fit 屬性指定元素的內容應該如何去適應指定容器的高度與寬度。

(學習視頻分享：css視頻教程)

object-fit 一般用于 img 和 video 標簽，一般可以對這些元素進行保留原始比例的剪切、縮放或者直接進行拉伸等。

語法：object-fit: fill|contain|cover|scale-down|none|initial|inherit;

屬性值：fill 默認，不保證保持原有的比例，內容拉伸填充整個內容容器。

contain 保持原有尺寸比例。內容被縮放。

cover 保持原有尺寸比例。但部分內容可能被剪切。

none 保留原有元素內容的長度和寬度，也就是說內容不會被重置。

scale-down 保持原有尺寸比例。內容的尺寸與 none 或 contain 中的一個相同，取決于它們兩個之間誰得到的對象尺寸會更小一些。

initial 設置為默認值

inherit 從該元素的父元素繼承屬性。

舉例：

對圖片進行剪切，保留原始比例：img.a {

width: 200px;

height: 400px;

object-fit: cover;

}

相關推薦：CSS教程

總結

以上是生活随笔為你收集整理的html中如何等比缩小图片,css如何将图片等比缩放的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。