Php 缩放通过数据库导入的图像

Php 缩放通过数据库导入的图像,php,css,image,resize,Php,Css,Image,Resize,我正在做一个数据库项目,遇到了一个表面上的障碍 我有一个数据库,它将配置文件加载到数组中,以便使用php while循环进行显示,因此它被设置为显示数据库的内容,并允许添加,而无需额外编码 其中四个字段是图片上载位置,作为上载过程的一部分,可以上载多达4个不同的图像,然后将其保存在目录中,并将其路径保存到配置文件数据库中 这是我的问题,但不是所有的图像都是相同的大小(宽度和高度)。我已经设置了代码,为图像指定一个特定区域,以阻止图像填满屏幕,但代码只是压缩或拉伸尺寸,而不是缩放图像。因此,一个8

我正在做一个数据库项目,遇到了一个表面上的障碍

我有一个数据库,它将配置文件加载到数组中,以便使用php while循环进行显示,因此它被设置为显示数据库的内容,并允许添加,而无需额外编码

其中四个字段是图片上载位置,作为上载过程的一部分,可以上载多达4个不同的图像,然后将其保存在目录中,并将其路径保存到配置文件数据库中

这是我的问题,但不是所有的图像都是相同的大小(宽度和高度)。我已经设置了代码,为图像指定一个特定区域,以阻止图像填满屏幕,但代码只是压缩或拉伸尺寸,而不是缩放图像。因此,一个80*120的图像被调整大小只是被扭曲了

这是负责将图像调用到字段中的代码部分

<div id="wb_Text2" style="position:absolute;left:10px;top:<?php echo $imagepix ?    >;width:100px;height:120px;z-index:5;text-align:left;">

<span style="color:#000000;font-family:Arial;font-size:15px;"><img src="uploads/<?php     echo $productpicture ?>" alt="" style="width:70px;height:120px;" ></span></div>

您可以使用最大高度和最大宽度而不是高度和宽度,并将黑色背景应用于图像容器。您还必须在水平和垂直方向上使容器中的图像居中。通过将容器的行高度设置为高度并使用文本对齐来执行此操作

<div id="image-container" style="width: 70px; height: 120px; text-align: center; line-height: 120px; background: black;">
    <img src="image.jpeg" style="max-height:120px; max-width: 70px; display: inline-block;" />
</div>

当然,您应该将样式标记放在样式表中


如果您希望裁剪图像,而不是让它与黑色背景匹配,请告诉我,因为这也可以通过CSS和一点JavaScript来完成。

让我试着理解您想说的。。。。您想调整图像大小以适合您的容器,但希望它保持纵横比?您的图像是星形的!当我把它改为最大高度等所有的图片都调整了大小,它不再像一个有趣的镜子屋!谢谢你。