Wie ändere ich das Bild im ionischen Rahmen?

Question

Ich bin neu in Ionic Framework, ich möchte die Größe des Bildes ändern. Das Bild sollte klein werden und das Bild sollte in der Mitte der Seite mit ionischen Elementen angezeigt werden.

Unten ist mein HTML-Code:

<ion-header> 
    </ion-header> 
    <ion-content padding> 
     <h2></h2> 
     <img src='assets/img/logo.png'> 
     <ion-chip color="secondary"> 
      <ion-label color="#16B966">SEND RESET LINK</ion-label> 
     </ion-chip> 
    <div> 
     <span class="input-label">EMAIL</span> 
     <input type="text" placeholder="asdfjkl@panini.com"> 
    </div> 
<ion-card-content> 
    <p>Enter the email address associated with your account, and we'll email 
     a link to reset your password</p> 
</ion-card-content> 
</ion-content> 

Answer 1

die Verwendung in HTML folgenden:

<img class="displayed" height="150 px" width="150 px" src="img/Logo.png"> 

und die folgenden in style.css verwenden:

.displayed { 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
}