调整浏览器大小时缩放图像

时间:2013-03-07 22:36:01

标签: javascript css

我想复制这个网站的外观:

http://www.vindrejse.net/

如果您尝试向下重新调整窗口大小,您可以看到图像大小重新调整大小,以及为实现此目的做了什么?

3 个答案:

答案 0 :(得分:0)

我已经编写了一个jQuery插件来解决这个问题:https://github.com/yckart/jquery.fitpic.js

以下是您的示例:http://yckart.github.com/jquery.fitpic.js

答案 1 :(得分:0)

如果您只是担心现代浏览器,可以使用CSS3

来实现
background-size: cover;

声明。

答案 2 :(得分:0)

最接近行业标准的是BackStretch插件: http://srobbin.com/jquery-plugins/backstretch/

它适用于整页背景和DIV元素。配置非常简单。支持转换。