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

Question

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

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

因此，图像1,2和3应该伸展保持它的比例，而页眉和页脚固定在它们所在的位置。请注意，图像内部的图像边距为10像素，但不在外部。

有关如何实现这一目标的任何线索？ （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，因为网站不会滚动。