离子3：img下的灰色（？）水平条

Question

好的，所以我的img底部有一个水平条，这不是图像的一部分，我尝试裁剪，从png更改为jpeg并更改尺寸，这是它的摘录＆nbsp; html

＆＃13;

＆＃13;

<ion-content padding center text-center>
  <ion-img width="200" height="200" src="assets/imgs/applogo.png"></ion-img>
  <ion-list>
    <ion-item>

＆＃13;

＆＃13;

＆＃13;

这就是它的外观（由于隐私原因，我很遗憾地将徽标涂成红色）：

这似乎是一个简单的问题，但我发现没有人在网上发帖，任何帮助都表示赞赏。

Answer 1

您需要在官方docs

中提及的ion-img元素上设置确切的图片尺寸

出现灰色，因为默认情况下ion-img组件具有灰色背景颜色。您已将200px设置为图像的高度，但实际上小于200px，因此ion-img元素的背景颜色显示在图像下方。