使响应式图像仅根据需要缩小答案

【问题标题】：Make a responsive image only shrink as needed使响应式图像仅根据需要缩小
【发布时间】：2017-08-06 05:53:17
【问题描述】：

在我的网络应用程序中，我有很多图像。它们要么具有样式属性中指定的宽度（以像素为单位）。或者他们没有指定尺寸。我想让它们响应，但是即使父容器可能更大，它们也不应该大于指定的宽度或它们的实际宽度。

请注意，图片由用户添加。我无法为每个图像添加特定样式。我希望对所有这些图像应用一些通用的样式规则。

这可行吗？

【问题讨论】：

标签： css

【解决方案1】：

利用max-width 属性。

CSS

img{
max-width:100%;
}

风格相应。

希望这有帮助..

【讨论】：

【解决方案2】：

您可以使用 CSS 最大宽度属性来做到这一点

将此添加到您的模板 CSS 文件中

img{max-width:100%;}

【讨论】：