Question

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

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

非常感谢提前

Answer 1

另一个选项是添加样式容器，其样式设置为：

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

关键在这里

background-size: contain;

详细了解背景样式： https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Scaling_background_images

当表行高度固定时，显示图像保持其比率

1 个答案: