用角2调整图像大小

Question

我得到了一堆图片URLs，我正在我的网页上显示他们。默认情况下，我将所有图像设置为有<img height = "200px" width = "200px">

这样做的问题是，有些图像不会缩放和压缩，我如何动态缩放每个图像，使其看起来不压缩，但更小。例如，如果我有一个图片是16:9，我希望它保持这个比率时，使它变小。

Answer 1

因此，您希望图像的宽度和高度为200 to，同时保持高宽比。

如果在html中设置高度和宽度，将导致图像不保持高宽比。相反，请使用CSS。

<img class="myImg" />

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