Php 对于不同的图像大小，是否保持Div大小相同？

我在一个画廊网页上工作，我有不同大小的图片存储在本地服务器上。我想让我的画廊看起来像这样。简单地说，我想保持所有图像大小的分割大小相同。此外，图像应覆盖整个区域

我尝试的

我假设使用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();
?>?>

？>

我的问题

这段代码不符合我的要求。我尽我所能使这成为可能。有人能帮我得到我想要的吗？谢谢

编辑：

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

---

设置div的最大高度和最大宽度，并固定图像的高度：

<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" />

---

设置div的最大高度和最大宽度，并固定图像的高度：

<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" />

---

您所要做的就是使用css，而且它很容易应用。您有固定的图像高度，即400px

因此，div的css将是

.category-a{
高度：400px；
}
.img响应{
显示：块；
最大宽度：90%；
最大高度：400px；
保证金：0自动；
}

您所要做的就是使用css，而且它很容易应用。您有固定的图像高度，即400px

因此，div的css将是

.category-a{
高度：400px；
}
.img响应{
显示：块；
最大宽度：90%；
最大高度：400px；
保证金：0自动；
}

仅将

高度

和

宽度

设置为

标记。那么您想说divs height-width是根据图像更改的？那么您想填充整个矩形，但保持纵横比？您必须在css中处理溢出。@AlivetoDie它会根据图像大小而变化。我添加了我的网页截图。请看使用溢出：隐藏，如果你不想强制调整图像的大小。查找css提示，仅将

高度

和

宽度

设置为

标记。那么您想说divs height-width是根据图像更改的？那么您想填充整个矩形，但保持纵横比？您必须在css中处理溢出。@AlivetoDie它会根据图像大小而变化。我添加了我的网页截图。请看使用溢出：隐藏，如果你不想强制调整图像的大小。查找css提示如果是垂直图像怎么办？@sam1234检查更新，是这将导致图像拉伸问题如果是垂直图像怎么办？@sam1234检查更新，是这将导致图像拉伸问题