css - 图像不使用 css 自动宽度缩放

Question

我在我的页面中放置了以下代码:

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

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

我应该怎么做才能达到缩放效果？非常感谢!

Answer 1

对图像使用 img 而不是图像以在其中应用样式

img{your style here}