Echelle d'image de CSS

Question

Comment puis-je redimensionner à partir de CSS une image à laquelle j'ai défini la largeur et la hauteur. Actuellement, il semble très tendu. C'est ce que je l'ai fait dans mon HTML:

<div id="notification-media" *ngIf="notification.type < 200">        
    <img src="{{notification.video.thumbnail}}" id="notification-video-image"/> 
</div> 

Et dans mon fichier CSS:

#notification-video-image{ 
    width: 96px; 
    height:54px; 
    margin-top: 30px; 
} 

#notification-media{ 
    width: 30%; 
    float: right; 
    margin-right: 18px; 
} 

I, aussi, a essayé de mettre background-size:cover et width:100%; , height:100%;, mais il ne me conduire à la résultat désiré.

Answer 1

Définissez soit width soit height à auto.

#notification-video-image{ 
    width: 96px; // auto or 
    height:54px; // auto 
    margin-top: 30px; 
}