Images are deformed in ionic view on iOS


#1

Hi,

I have developed a hybrid app using ionic 2. I have used cards and grid system. The thing is, when I upload it on ionic view and open it with an actual device, all my images are deformed in iPhones. I have checked it in 2 different iPhones. I checked it on an android device it was OK which I am not sure if that was by chance. How can I fix this issue? I am getting my images from a server and they are all 500x500

This is my code:

<ion-card *ngFor="let item of items">

        <img src="{{item .image}}"/>

        <ion-card-content>
          <h2 class="card-title">
            {{item .title}}
          </h2>
          <p>
            {{item .desc}}
          </p>
        </ion-card-content>
      </ion-card>

#2

Any ideas?
All my images in grid and in card are deformed when testing the app in ionic view using iOS devices


#3

Guys please someone help me with this. This is my code:

<ion-card *ngFor="let item of items">

        <img src="{{item .image}}"/>

        <ion-card-content>
          <h2 class="card-title">
            {{item .title}}
          </h2>
          <p>
            {{item .desc}}
          </p>
        </ion-card-content>
      </ion-card>