我有一个流畅的布局，并且我有一个始终与浏览器窗口的高度和宽度相匹配的 div，即使在调整浏览器大小时也是如此。所以一个 div 是浏览器窗口的 100% 高度和 100% 宽度。
在这个 div 中，我有一个适合其父母宽度和高度 100% 的图像。所以理论上这个图像将是全屏的。目前，当您将浏览器窗口放大时，图像大小会超过其父级的大小，并且图像的右侧和底部会被截断。
放大浏览器窗口时，如何将图像的所有边缘截断？所以我想我想将图像垂直居中于其父级中。
所有图像/div 的宽度都是使用百分比计算的。
这是我现有代码的链接：http: //jsfiddle.net/PfzQ8/4/
编辑：那个 jsfiddle 不是问题代码，它只是我目前拥有的代码，并希望对其进行扩展。