显示上传的图片尺寸更小php答案

【问题标题】：Display Uploaded Image smaller in size php显示上传的图片尺寸更小php
【发布时间】：2012-04-20 20:56:15
【问题描述】：

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

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

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

有什么办法可以做到吗？

【问题讨论】：

我还没有真正尝试过任何东西，虽然我猜想这可以通过在中使用 height= 和 width = 来实现

标签： image image-size

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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>

【讨论】：

这个会自动调整高度吗？
在这两种情况下，浏览器都会按比例缩放图像的高度，是的。