替换<img>到<ion-img>和图像是非常小的

Question

我遵循指导virtual scroll和更新我的列表是虚拟的。

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

Answer 1

检查Image dimensions section在ion-img文档。

通过提供图像尺寸，Ionic能够准确地确定图像在视口内的位置，这有助于仅延迟加载可视图像。图像尺寸可以通过设置为属性，内联样式或外部样式表来设置。使用哪种设置尺寸的方法并不重要，但重要的是每个ion-img都有一个确切的尺寸。

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