Image 显示上载的图像大小较小

我有一个文件夹，在其中我的所有图像将被上传，我想创建一个div，上传的图像显示在一个较小的大小

我不想保存上传图片的较小版本，我只想以较小的尺寸显示它们

上传的文件已经是100x100大小，所以我不必担心比例问题

---

有什么方法可以做到这一点吗？

只需使用css设置您想要的大小：

div img {
  width: 50px;
  height: 50px;
}

HTML路由（内联）：

CSS路线：

<div class="normal image"><img src="images/imgsrc.jpg" /></div>
<div class="smaller image"><img src="images/imgsrc.jpg" /></div>
<div class="half image"><img src="images/imgsrc.jpg" /></div>
<div class="tiny image"><img src="images/imgsrc.jpg" /></div>
<style type="text/css">
.image img{width:90px;}
.normal img{width:auto;}
.smaller img{width:75px;}
.half img{width:50px;}
.tiny img{width:25px;}
</style>

.image img{宽度：90px；}
.normal img{width:auto；}
.较小的img{宽度：75px；}
.half img{宽度：50px；}
.tiny img{宽度：25px；}

我还没有真正尝试过任何东西，不过我可以猜，这可以通过在中使用height=和width=来实现。这会自动调整高度吗？在这两种情况下，浏览器都会按比例缩放图像的高度，是的。

<div class="normal image"><img src="images/imgsrc.jpg" /></div>
<div class="smaller image"><img src="images/imgsrc.jpg" /></div>
<div class="half image"><img src="images/imgsrc.jpg" /></div>
<div class="tiny image"><img src="images/imgsrc.jpg" /></div>
<style type="text/css">
.image img{width:90px;}
.normal img{width:auto;}
.smaller img{width:75px;}
.half img{width:50px;}
.tiny img{width:25px;}
</style>