Ionic 3：グレー（？）img下の水平バー

Question

これで、イメージの一部ではない横のバーが表示されます。クロッピングを試みました.pngからjpegに変更して寸法を変更しました。それのHTML

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

からの抜粋であり、これは（申し訳ありません、プライバシー上の理由から赤にロゴの上に描いた）、それがどのように見えるかです：それは簡単な問題を見えるかもしれません

が、私はノーました1つは、それについてオンラインで投稿、いずれかの助けに感謝します。

Answer 1

公式docs

で述べたようにあなたは、デフォルトではion-imgコンポーネントはグレーの背景色を持っているので、グレーの色が表示されますion-img要素に正確な画像のサイズを設定する必要があります。イメージの高さを200ピクセルに設定しましたが、実際には200ピクセルよりも短く、ionimg要素の背景色がイメージの下に表示されます。