Größe eines Bildes in einer Karte ändern

Question

Ich arbeite an einer Ionic App und ich habe ein Problem mit und Bild darin. Ich habe eine Karte mit einer festen Größe, die ich wollte, und ich möchte ein Bild hineinlegen. Ich habe das Bild hinzugefügt (400x400 in der Größe), aber ich kann die Größe nicht ändern, um in die Karte zu passen. Dieser ist der Code:

page-home { 
 
     ion-card{ 
 
      min-height: 47%; 
 
      max-height: 47%; 
 
     } 
 
    
 
     .itemImage{ 
 
      padding: 2px; 
 
      max-height: 10%; 
 
     } 
 
    }

<ion-content> 
 
    
 
     <ion-card> 
 
     <div class="itemImage"> 
 
      <img src="assets/img/placeholder.png"> 
 
     </div> 
 
     </ion-card> 
 
    
 
     <ion-card> 
 
     </ion-card> 
 
    
 
    </ion-content> 
 

 

 

 

dies ist, wie es aussieht:

Answer 1

Add Breite: 100% .itemImage und .itemImage> img.

Answer 2

Ich füge hinzu:

.itemImage img { 
    max-width: 100%; 
} 

hoffe, das hilft!