最大宽度有效时正在裁剪图像

Question

this WP site的页脚具有3个徽标图像：图像的原始尺寸非常不同，因此我想限制其放置在max-width类中的max-height和wp-image-490：

但是，当我这样做时，减小窗口大小后，图像被裁剪了：

如何解决此问题？

Answer 1

尝试使用以下代码更新您的CSS

CSS

.wp-image-490 {
    width: 100%;    /* Newly added */
    max-height: 200px;
    max-width: 350px;
}

Answer 2

查看是否可以为您的第一个徽标添加其他类别（或ID），而第二个和第三个徽标则没有。

然后为该类（或ID）添加规则

<your class/id> {
    width: 100%;
}

（如Par Thea上面所建议）