Question

嗨，我在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或高度时，图像也会出现另一种方式。

Answer 1

我删除了离子卷轴cz似乎与图片有冲突所以我用<ion-scroll>取代了<div class="items hideScrollBars styleA"> </div>

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

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

ionic3动态图像无法在Android上正确渲染

1 个答案: