jquery - 在无法滚动的网站上调整图像大小

Question

我有一个客户端不想滚动的网站，因此页眉和页脚固定在顶部和底部。

问题是内容中的图像必须调整大小以保持相同的比例。我有和例子here

所以图像 1,2 和 3 应该拉伸保持它的比例，而页眉和页脚固定在它们所在的位置。请注意，内部图像之间有 10px 的边距，但外部没有。

关于如何实现这一目标的任何线索？（CSS 或 jQuery 或两者兼有）；

这是一个我已经快速开始帮助你玩的小提琴：http: //jsfiddle.net/2HJuC/2/

Answer 1

也许这样的事情可以解决问题（jquery）：

http://jsfiddle.net/2HJuC/5/

仅调整正确图像的大小。但是如果用户调整窗口大小会发生什么？

Answer 2

尝试将页眉和页脚保持在固定的高度/宽度和绝对位置，并使用快速的 jQuery 调整大小修复，如下所示：

http://buildinternet.com/2009/07/quick-tip-resizing-images-based-on-browser-window-size/

不幸的是，我不相信你只使用 CSS 会很幸运，因为网站不会滚动。