Html 当表格行高固定时,保持其比率的显示图像

Html 当表格行高固定时,保持其比率的显示图像,html,css,Html,Css,我正在开发一个使用PHP和MySQL生成数据行的网页。行的固定高度为70px。每行显示一个图像,我想尝试做的是将图像设置为适合行高的大小,并保持其比率 有谁能给我提供建议或者给我指一个可能处理这个问题的帖子吗 多谢提前另一个选项是为图像添加一个容器,其样式设置如下: .imageContainer { height: 70px; background-image: url(http://yourimage.com/image.png); background-size:

我正在开发一个使用PHP和MySQL生成数据行的网页。行的固定高度为70px。每行显示一个图像,我想尝试做的是将图像设置为适合行高的大小,并保持其比率

有谁能给我提供建议或者给我指一个可能处理这个问题的帖子吗


多谢提前

另一个选项是为图像添加一个容器,其样式设置如下:

.imageContainer {
    height: 70px;
    background-image: url(http://yourimage.com/image.png);
    background-size: contain;
    background-repeat: no-repeat;
}
钥匙在这里

background-size: contain;
了解有关背景样式的更多信息:

简单。。这将以70px的高度和自动宽度加载完整图像。