html - css裁剪图像保存纵横比

Question

我有 3 列和 3 个具有不同纵横比和分辨率的图像。我设置宽度:100%；我想裁剪每张图片的底部，使每张图片的高度为:600px；

我试过了，但它会导致 img 压缩或拉伸(stretch)

img{
    width: 100%;
    max-height: 600px;
    overflow: hidden;
}

Answer 1

使用 height: auto，删除 max-width: 600px 并保留 overflow: hidden。