调整图像大小而没有点击事件

Question

我的角度项目中的图像遇到了一些麻烦。图片网址来自后端。但是，当我将图像放在div内时，图像会拉伸并且不会居中。我不能将width和height与值一起使用，因为我的网页也适用于移动设备。

// styles
.containerStoreImage {
  height: 200px;
  width: 100%;
  border-radius: 0px 0px 20px 20px;
  position: relative;
  overflow: hidden;
}
.storeImage {
  position: absolute;
  width: 100%;
  border-radius: 0px 0px 20px 20px;
  left: 0;
}

// template
<div class="containerStoreImage">
  <img src={{i}} id="storeImage" class="storeImage" width="100%" height="100%" />
</div>