イメージスケールfrom CSS

Question

CSSから、幅と高さを設定したイメージをどのようにスケールすることができますか？現在、非常に伸びているように見えます。

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

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

I、また、background-size:coverとwidth:100%; , height:100%;を設定しようとしましたが、それは私を運転しませんでした：

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

そして、私のCSSファイルで： これは私が私のHTMLに何をしたかであります所望の結果。

Answer 1

widthまたはheightからautoのいずれかを設定します。

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