CSS“object-fit：包含”在 PrimeNg p-image 中不起作用

Question

CSS“object-fit: contains”在 PrimeNg p-image 组件中不起作用。

<p-image [src]="image" alt="Image" appendTo="body" height="550vw" width="100%" style="object-fit: contain"></p-image>

有什么我错过的吗？也用不同的方式尝试了相同的结果：

[style]="{ objectFit: 'contain' }"

Answer 1

您是否尝试过

imageStyle

，它作为文档中实际图像样式的选项给出 - PrimeNg Image Api Tab。

    <div class="card flex justify-content-center">
    <p-image
        [src]="'https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg'"
        alt="Image"
        appendTo="body"
        height="550vw"
        width="100%"
        [imageStyle]="{objectFit: 'contain'}"
    ></p-image>
    </div>