Css 如何设置通过管理员上传的图像高度和重量

我的问题是管理员或用户何时上传大小不同的图像。如何在前视图中将图像或div的高度设置为一定的大小和相同的宽度

希望能对您有所帮助

HTML

<div class="container">
<img src="image.png" />
</div>

<div class="container">
<img src="image2.png" />
</div>

---

试试这个代码，希望能对你有所帮助

CSS

.图像框{
宽度：300px；
高度：300px；
溢出：隐藏；
}
.图像框img{
最大宽度：100%；
最大高度：100%；
最小高度：100%；
最小宽度：100%；
对象匹配：覆盖；
}

HTML

<div class="image-box">
  <img src="image1.png" alt="image">
</div>

---

您尝试过什么？请出示你的作品。设置图像大小，无论是在div中还是图像本身，都取决于最终结果。最好是展示你所拥有的，以便有人能正确地帮助你。可能是重复这一点[。只是去看看它。

<style type="text/css">
.image-box{
  width:300px;
  height:300px;
  overflow:hidden;
}
.image-box img{
  max-width:100%;
  max-height:100%;
  min-height:100%;
  min-width:100%;
  object-fit:cover;
}
</style>

<div class="image-box">
  <img src="image1.png" alt="image">
</div>