2

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

不同屏幕尺寸的不同图像更好还是我们应该上下缩放相同的图像?

考虑到网站的性能,哪个选项最好?

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

4

3 回答 3

2

Sencha.io Src 是一个很好的解决方案(基于 tinySrc)。

它进行设备检测,然后根据设备屏幕尺寸提供缩放图像。

http://www.sencha.com/products/io/

于 2011-07-04T14:00:45.653 回答
0

@jitendra 维亚斯,

为不同的屏幕尺寸缩放相同的图像不是一件好事,但缩放图像对于响应式网页设计来说并不是一件坏事可能你必须以某些特定的分辨率(如 1024 像素和 480 像素)更改图像和设计,因为它们也是选项卡和的分辨率移动设备。

原因有很多,比如:

1)对于移动设备来说,加载大尺寸的图像很重。

2)缩放单个图像以获得不同的分辨率在某些时候变得丑陋,特别是对于较大的图像。

有一些参考网站链接可以了解如何巧妙地使用图像。

http://thinkvitamin.com/

http://colly.com/

http://css-tricks.com/

和关于它的文章http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

于 2011-04-26T04:49:45.290 回答
0

我正在考虑编写一个小型 jQuery 插件来根据容器的大小通过 ajax 加载图像。但请随意窃取我的想法。(如果您完成了,请在此处提及。);-)

于 2012-11-13T12:32:38.030 回答