将<img/>替换为<ion-img>，图像非常小

Question

我遵循了virtual scroll的指导，并将我的列表更新为虚拟主义者。

一切都很好但是当我将card background images从<img>转换为<ion-img>时，作为背景图片显示到我卡片上的图片非常小。我错过了什么？

Answer 1

在ion-img文档中查看Image dimensions section。

  

通过预先提供图像尺寸，Ionic能够准确地调整视口内图像的位置，这有助于延迟加载仅可查看的图像。图像尺寸可以设置为属性，内联样式或外部样式表。使用哪种设置尺寸方法并不重要，但重要的是，每个ion-img都被赋予了精确的尺寸。

如果您通过属性或css样式使用ion-img，则需要设置要显示的图像的高度和宽度。