Angular2で画像のサイズを変更

Question

画像のURLがたくさんあり、それらを私のウェブページに表示しています。デフォルトでは、すべてのimgが<img height = "200px" width = "200px">

に設定されています。これは、画像の縮尺が変わったり縮んだりしているように見えます。たとえば、私が16：9の画像を持っている場合、その比率を小さくするときはその比率を維持したいと思います。

Answer 1

アスペクト比を維持しながら、イメージの幅と高さを200ピクセルにします。

htmlで高さと幅を設定すると、縦横比が維持されない画像が表示されます。 代わりにCSSを使用してください。

<img class="myImg" /> 

In styles.css 
.myImg { 
    max-width: 200px; 
    max-height: 200px; 
}