css图片等比例缩放宽高

要实现CSS图片等比例缩放并且保持宽高比，可以采用以下两种方法：

方法一：使用 max-width 和 max-height 属性

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

这种方法的原理是将图片的最大宽度和最大高度都设置为100%，这样无论图片的原始大小是多少，都会被缩放到宽度或高度不超过父元素的大小。

方法二：使用 object-fit 属性

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

这种方法的原理是将图片的宽度和高度都设置为100%，然后使用 object-fit 属性将图片等比例缩放并居中显示在元素内部。其中，contain 值表示将图片缩放至宽度或高度不超过父元素大小，并保持图片原始比例。

以上两种方法均可以实现CSS图片等比例缩放并保持宽高比。具体使用方法可以根据实际需求选择。