我正在开发我的第一个响应式网站，我想知道如何动态调整所有图像的大小。我现在已经解决了这个问题，但我真的想重新考虑一下我是如何做到这一点的。是否有一个jquery插件，易于实现（我不知道很多js）？还有更好的方法吗？
答案 0 :(得分：2)
你实际上并不需要任何js - 这可以通过CSS单独实现。正如您在评论中查看链接中的来源所发现的那样，动态调整图像大小所需的全部内容是max-width属性设置为100%。但是，如果您希望图像动态增加，那么您必须使用width:100%。
请参阅此jsFiddle中的示例。您会注意到max-width没有超过图像的分辨率 - 另一方面width确保图像填充容器（有些人认为这是一个缺点，因为当宽度超过原始值时它们会失去分辨率）
虽然有一个问题，IE6或更低版本不支持max-width属性 - 它仅在IE7中引入。不过，本文here提供了一种解决方法。
答案 1 :(得分：1)
但是通过css调整图像大小并不能使图像响应。
当宽度为1000 px时，200 kb图像将为200 kb，而当css调整为50 px宽时，图像将为200 kb。
我希望看到你们的脸在等待，直到你的智能手机上加载了大图像