vue img 等比例缩放 不失真

可以通过 CSS 中的 `object-fit` 属性来实现等比例缩放图片不失真的效果。

例如，假设你有一个 `img` 元素，你可以通过以下 CSS 代码实现等比例缩放不失真：

img {
  width: 100%; /* 图片宽度为父元素的100% */
  height: auto; /* 图片高度自适应，保持宽高比不变 */
  object-fit: cover; /* 使用 cover 值实现图片缩放，保持图片完全填充元素 */
}

当然，也可以根据具体需求使用其他 `object-fit` 值来实现不同的效果。