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

Question

在我的网络应用程序中，我有很多图像。它们要么具有style属性中指定的宽度（以像素为单位）。或者他们没有指定大小。我想让它们响应，但它们永远不会超过指定的宽度或它们的实际宽度，即使父容器可能更大。

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

这可行吗？

Answer 1

使用max-width属性。

CSS

img{
max-width:100%;
}

风格相应。

希望这有助于......

Answer 2

您可以使用CSS max-width属性

来实现

在模板CSS文件中添加

img{max-width:100%;}