Basic question about ion-row

Sorry for this basic question but i’m new here:
this is my code:

  <ion-row>
        <ion-img class="pic-logo" src="assets/img/piclogo.png"></ion-img>
  </ion-row>

and i see this:
ion-row-info

The row hight is less the image… why ? whats wrong ?
Thanks for help

Try to use:

<ion-row>
  <ion-col>
      <ion-img class="pic-logo" src="assets/img/piclogo.png"></ion-img>
  </ion-col>
</ion-row>

Just tried but same result…

<ion-img> is only designed for use with virtual scroll.

He’s right just take a look here ion-img: Img Tag to Lazy Load Images in Viewport

Note: ion-img is only meant to be used inside of virtual-scroll

I think that you should use the <img> tag and add some sexy style.

@rapropos thank you i didn’t know this.

1 Like