我在我的页面中放置了以下代码:
image {
margin: 0 2px 0 0;
height: 100px;
width: auto !important;
overflow: hidden;
text-align: center;
}
我想将所有图像缩放到 100 像素的最大高度,并让浏览器相应地调整它们的高度。但结果是图像仅被裁剪到 100 像素的高度,其余部分被隐藏。
我应该怎么做才能达到缩放效果?非常感谢!
最佳答案
对图像使用 img 而不是图像以在其中应用样式
img{your style here}
关于css - 图像不使用 css 自动宽度缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17494606/