【问题标题】:ionic3 dynamic images not rendering correctly on androidionic3 动态图像无法在 android 上正确呈现
【发布时间】:2018-09-24 15:54:18
【问题描述】:

嗨,我在 ion-scroll 中使用了 img 标签,然后图像在 ios 和浏览器上正确显示,但是在 android 上某些图像不出现,所以当我打开菜单然后关闭它时图像出现。我不知道以前有人遇到过这种情况是怎么回事?

<ion-scroll scrollX="true">
          <div *ngFor="let image of Data.imgs"
               class="type-section" col-md-6 col-lg-4>
               <img class="sliderImg"
               [src]="image.img"/>
          </div>
</ion-scroll>

当我更改显示 css 或图像出现的高度时,他们的另一种方式也是如此。

【问题讨论】:

    标签: angular html typescript ionic3 ionic4


    【解决方案1】:

    我删除了 ion-scroll cz 似乎与图像有冲突 所以我用&lt;div class="items hideScrollBars styleA"&gt; &lt;/div&gt;替换了&lt;ion-scroll&gt;

    .styleA{
        height: 180px;
        width: 100vw;
        white-space: nowrap;
        overflow-x: auto;
    }
    

    因此图像在 android、浏览器和 ios 上显示正常

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-10-20
      • 1970-01-01
      • 2019-08-18
      • 1970-01-01
      • 2021-12-17
      • 2020-05-02
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多