php - 对于每个不同的图像尺寸，保持 Div 尺寸相同？

Question

我正在处理图库网页，并且在本地服务器中存储了不同大小的图像。我想要的是让我的画廊看起来像这样。简单地说，我想让所有图像尺寸的分区尺寸都相同。此外，图像应覆盖整个区域。

我尝试过的

我想使用 PHP 获取图像位置并执行此任务。所以我将粘贴 PHP 文件。

<?php
$itemNum =$_POST["itemNum"] ;
$folderName = $_POST["folderName"];

echo '<div class="col-md-4 mix category-a" style="margin:10px;height:300px;width:400px">
                <div class="single-portfolio" style="height:300px;width:400px;overflow: hidden;">
                    <a class="gallery-item" href="gallery/'.$folderName.'/'.$itemNum.'.jpg"><img class="img-responsive"  src="gallery/'.$folderName.'/'.$itemNum.'.jpg" alt="One" /></a>
                </div>
            </div>';
die();
?>?>

我的问题

此代码不符合我的要求。我尝试了所有我知道的方法来使这成为可能。有人可以帮我得到我想要的吗？谢谢。

编辑:

这就是我得到的。可以看到size是根据图片大小变化的

Answer 1

设置div的max-height和max-width并固定图片的高度:

<div class="single-portfolio" style="max-height:300px;max-width:400px;overflow: hidden;">

<img style="height:300px;width:400px;" class="img-responsive"  src="gallery/'.$folderName.'/'.$itemNum.'.jpg" alt="One" />