Css 在针对移动设备的响应式web设计中，放大和缩小图像的首选方式是什么？

在响应性网页设计中，放大和缩小图像的首选方式是什么

不同屏幕大小的不同图像更好，还是应该上下缩放同一图像

考虑到网站的性能，哪个选项是最好的

我需要跨浏览器的方式来处理所有最新和旧的移动浏览器。

@jitendra vyas

为不同的屏幕尺寸缩放同一图像不是一件好事，但缩放图像对响应性网页设计来说也不是坏事。您可能必须以特定的分辨率（如1024px和480px）更改图像和设计，因为它们也是tab和移动设备的分辨率

原因有很多，比如：

1） 对于移动设备来说，加载大尺寸图像太重

2） 为了不同的分辨率缩放单个图像在某个时间点变得很难看，特别是对于较大的图像

关于如何巧妙地使用图像，有一些参考网站链接

---

&关于它的文章

Sencha.io Src是一个很好的解决方案（基于tinySrc）

它进行设备检测，然后根据设备屏幕大小提供缩放图像

---

我正在考虑编写一个小型jQuery插件，根据容器的大小通过ajax加载图像。但请随意窃取我的想法。（如果你完成了，就在这里提一下。）；-）

尝试{最大宽度：100%}