Php 图像每次的高度和宽度都相同

现在我创建了一个小图片上传系统。但我希望每张照片看起来都一样。例如，我上传一张图片（500x500），然后我必须使用css最小化图片。我有一节课

.picture{
width: 30%;
height: 30%;
}

但是每一幅画的大小都不一样。A需要固定的高度和宽度，但不是这样：

.picture{
width: 200px;
height: 200px;
}

我想这样做，就像这个页面： 在这一页上，每一张图片都有一个不同的尺寸，但在第一页上，每一张图片看起来都一样。我怎么能意识到这一点

这是我的代码：

*{
边际：0px；
填充：0px；
}
.按钮提交{
边缘顶部：10px；
填充：10px 15px；
边框：2件纯黑；
背景颜色：橙色；
颜色：黑色；
过渡：均为0.5s；
}
.按钮提交：悬停{
颜色：橙色；
边框：2倍纯色橙色；
背景色：黑色；
}
.图片{
宽度：30%；
身高：30%；
}

莱德·戴恩·比尔德·霍奇

每张图片大小不同的原因在于你的班级。图片{宽度：30%；高度：30%； }

---

您已经提到了像素百分比，因此图像大小随每个图像像素的变化而变化。

您可以将图像的最小尺寸缩放为200px，然后将较大尺寸裁剪为200px。你是想在php级别还是HTML/CSS级别进行这种操作？我不知道。我以前从来没有做过这样的事。也许你可以帮助我。请发布相关的html和css（只是重要的部分，而不是全部；）理论上，宽度/高度百分比解决方案应该有效，只要上传的图像始终是正方形。不是所有的

.picture

最终都是相同大小的问题吗？还是有些图片被拉伸了？我编辑了我的问题，现在你可以看到代码了。是的，这张照片会被拉伸。在示例页面上，他们只拍摄了每张照片的一小部分。如果你按下一张图片，你可以看到完整的图片。现在我搜索了1个多小时，但我发现了一些。。。谢谢你的回答，但我不知道我现在要做什么^^也许你能帮我多一点。