javascript - 调整浏览器大小时进行图像缩放

Question

我正在尝试复制该网站的外观：

http://www.vindrejse.net/

如果您尝试向下重新调整窗口大小，您可以看到图像大小也会重新调整大小，究竟是如何实现这一目标的？

Answer 1

我已经为这个问题写了一个 jQuery 插件：https ://github.com/yckart/jquery.fitpic.js

这是给你的一个例子：http: //yckart.github.com/jquery.fitpic.js

Answer 2

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

background-size: cover;

宣言。

Answer 3

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

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