image - 显示上传的图片尺寸更小php

Question

我有一个文件夹，我的所有图像都将在其中上传，我想创建一个 div，其中上传的图像以较小的尺寸显示。

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

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

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

Answer 1

HTML 路由（内联）：

<div class="normal image"><img src="images/imgsrc.jpg" width="100" /></div>
<div class="smaller image"><img src="images/imgsrc.jpg" width="75" /></div>
<div class="half image"><img src="images/imgsrc.jpg" width="50" /></div>
<div class="tiny" image><img src="images/imgsrc.jpg" width="25" /></div>

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>

Answer 2

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

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