我如何显示用户上传的图像而不使用php进行拉伸，请注意，图像大小不同

Question

我如何显示用户上传的图像而不使用php进行拉伸， 现在的问题是图像具有不同的尺寸，因为它们是用户生成的图像。 现在我想以相同的方式显示图像，我的意思是，以纵向和横向上传的图像都应该以它们来的方向显示，典型的例子是here。

提前致谢！

Answer 1

也许您可以使用 CSS 的max-width和max-height属性？ 例如：

.img {
  max-width:100px;
  max-height:50px;
  width:auto;
  height:auto;
}

或者您的问题是如何在 PHP 中根据原始width / height比例进行扩展？

Answer 2

假设您已上传并可以显示图片。

只需在div您的图片上添加 CSS 。

假设您的图片路径在db，并且您已经拥有了获取array功能

<?
while($record = mysqli_fetch_array($sqlQuery)
{
echo '
<div class="img">
<img src='.$record['image_path'].'>
</div>
';

}
?>

然后在类img上添加 CSS ，如：

.img{
height:54px;
width:54px;
}

尺寸取决于您想要的尺寸。

我认为这样可行。