css怎么让图片等比例缩放

如何使用 CSS 让图片等比例缩放

开门见山回答问题：

要在 CSS 中让图片等比例缩放，可以使用 max-width 和 max-height 属性，或使用 object-fit 属性。

详细展开回答：

立即学习“前端免费学习笔记（深入）”；

1. 使用 max-width 和 max-height 属性

img {  max-width: 100%;  max-height: 100%;}

使用这种方法，图片将自动等比例缩放以适应容器的大小，同时保持图像的宽高比。

2. 使用 object-fit 属性

img {  object-fit: contain;}

object-fit 属性有以下几种值：

注意：