正确渲染来自 wordpress 的图像

Question

我有一个离子应用程序，我在其中显示我的 wordpress posts。但是 wordpress posts 的图像不是 displayed/rendered 正确的。我正在使用 wordpress API 从 wordpress 网站获取我的 posts。

示例 -

用于呈现获取的 wordpress 的模板代码片段 post-

    <div *ngIf="selectedItem" class="selection">
       <h2 [innerHTML]="selectedItem.title.rendered"></h2>
       <p [innerHTML]="selectedItem.content.rendered" text-justify></p>
    </div>

Answer 1

我找到了解决方案，非常简单明了 -

为该特定页面添加以下 scss 代码 -

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