图像无法使用css自动宽度缩放

Question

我在页面中添加了以下代码：

image {
    margin: 0 2px 0 0;
    height: 100px;
    width: auto !important;
    overflow: hidden;
    text-align: center;
}

我想将所有图像缩放到最大高度100px，并让浏览器相应地调整它们的高度。但结果是图像仅被裁剪为100px高度，其余部分被隐藏。

我该怎么做才能达到缩放效果？非常感谢提前！

Answer 1

使用img for image not image来应用样式

img{your style here}

Answer 2

您可以通过以下方式获得所需的效果：

img {
  max-height: 100px;
}

您不需要overflow，text-align或width属性。您可以保留边距属性，但上面的代码可以解决您的问题。