在移动响应式网页设计中，放大和缩小图像的首选方式是什么？
在移动响应式网页设计中，放大和缩小图像的首选方式是什么？
提问于 2011-04-26 11:15:34
在响应式网页设计中，放大和缩小图像的首选方式是什么？
不同屏幕尺寸的不同图像更好，或者我们应该放大和缩小相同的图像？
考虑到网站的性能，哪种方案是最好的？
我需要跨浏览器的方式来工作在所有最新和旧的移动浏览器。
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-04-26 12:49:45
@jitendra vyas，
为不同的屏幕尺寸缩放相同的图像不是一件好事，但缩放图像对于响应式网页设计来说也不是一件坏事，您可能必须更改图像和设计在一些特定的分辨率，如1024px和480px，因为他们也是标签和移动设备的分辨率。
原因有很多，比如：
1)对于移动设备来说，加载大尺寸图像太重了。
2)以不同的分辨率缩放单个图像在某个时间点变得丑陋，特别是在较大的图像上。
有一些参考网站链接，可以教你如何巧妙地使用图片。
http://thinkvitamin.com/
http://colly.com/
http://css-tricks.com/
关于it http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/的文章(&P)
Stack Overflow用户
发布于 2011-07-04 22:00:46
Sencha.io Src是一个很好的解决方案(基于tinySrc)。
它进行设备检测，然后根据设备的屏幕尺寸提供缩放图像。
http://www.sencha.com/products/io/
Stack Overflow用户
发布于 2012-11-13 20:32:38
我正在考虑写一个小的jQuery插件，根据容器的大小通过ajax加载图片。不过，请随意盗用我的想法。(如果您完成了，请在此处提及。) ;-)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5785520
复制相关文章
相似问题
腾讯云开发者
