【问题标题】:Render images from wordpress properly正确渲染来自 wordpress 的图像
【发布时间】:2018-03-30 09:17:47
【问题描述】:

我有一个 ionic 应用程序,我在其中显示我的 wordpress 帖子。但是 wordpress 帖子的图像没有正确显示/渲染。我正在使用 wordpress API 从 wordpress 网站获取我的帖子。

示例 -

用于渲染获取的wordpress post-的模板代码sn-p-

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

【问题讨论】:

  • 你检查过css没有这样做吗?当您在浏览器中自行加载图像时(开发人员工具>检查>右键单击图像URL>在新选项卡中打开)它是否也被拉伸了?
  • @digout 图像在浏览器中打开时看起来不错。

标签: wordpress image ionic-framework mobile ionic2


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 2019-01-25
    • 2012-11-28
    • 1970-01-01
    • 2013-04-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多