html - 当表格行高固定时显示图像保持其比例

Question

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

任何人都可以提供建议或指出可能处理此问题的帖子。

提前致谢

Answer 1

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

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

key 在这里

background-size: contain;

阅读更多关于背景样式的内容: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Scaling_background_images