上传具有特定尺寸的图片，它应支持所有长宽比

Question

我要上传的图片大小为1160 * 250，上传图片后，我会在很多地方使用不同比例的图片，例如缩略图和完整图片。

我正在使用CSS属性

object-fit: Cover

我尝试过使用CSS属性（例如object-fit）：Cover

<img _ngcontent-c3="" alt="Image" class="img-fluid ng-star-inserted" src="data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD">

.class{
    width : 100%;
    height:350px;
    object-fit :cover
}

图像无法获得正确的预期，需要完整的图像。 但是播种

Answer 1

选项1：使用

object-fit: contain

选项2：当您尝试从Insta等第三方获取图像形式时，也可以尝试使用max-width ， min-width和max-height min-height设置图像的宽高比，因为这些属性会起作用。