Jquery 有没有一种方法可以打造出最具响应性的形象？

我制作网站和其他在线项目已经有好几年了，我从一切都在表格中完成的时候就开始了。这些年来，我目睹了一切的变化，现在我认为最好的网站是那些真正有响应能力的网站。然而，对我来说总是有一个限制，也许这已经完成了，但我似乎找不到它

我希望看到的是，有一些代码，即使是JQuery，本质上说是这样的：

img {
width: 100%;
max-width: **The ACTUAL image's width**;
}

是否有一些神奇的代码或技巧可以让网站制作一个我发布的图片永远不会破坏我的设计（宽度：100%；部分，所以它也是响应性的），但是如果我上传的图片小于容器的宽度，就永远不会超过图片本身的实际宽度。我知道我可以在

max width

上设置一个特定的宽度来强制调整图像的大小，但是感觉有点太宽了。。我很讨厌。我现在制作的页面是为wordpress制作的，用户有时会上传一张带有帖子的图片，我希望图片能够有响应性，但只在缩小方面有响应性，而不是在增长。你们这些超级天才中有谁知道实现这一目标的方法吗

---

谢谢

只需将其最大宽度设置为100%，而忽略宽度

切换，只需使用

max width:100%

即可，如果容器小于图像，它将响应，但如果容器大于图像，则图像将永远不会大于容器。“最大宽度”不会告诉图像获取容器的大小并向上调整大小。对我来说，你的问题毫无意义。如果图像小于其容器，它将填充其部分。如果它更大，它将向下调整大小。你是对的，我刚刚测试了这个特定的理论，它工作得非常完美。很抱歉，很明显我没有对这个问题进行足够的研究。不支持的选民愿意发表评论吗？我投了这张票，因为它不值得投反对票