Jquery 如何在流体DIV中缩放和居中对齐内嵌图像？

我有一个流畅的布局和一个始终与浏览器窗口的高度和宽度相匹配的div，即使在调整浏览器大小时也是如此。因此，div是浏览器窗口的100%高度和100%宽度

在这个div中，我有一个100%适合其父级宽度和高度的图像。所以从理论上讲，这张图片将是全屏的。此时，当您将浏览器窗口变大时，图像的大小超过其父窗口的大小，并且图像的右侧&图像的底部被切断

当浏览器窗口放大时，如何将图像的所有边缘都切掉？所以我想我想把图像垂直居中放置在其父图像中

使用百分比计算所有图像/分区宽度

以下是我现有代码的链接：

---

编辑：JSFIDLE不是问题代码，它只是我目前拥有的代码，我想在此基础上进行扩展。

这被否决了，我想这是因为我的措辞比什么都重要，但在重新发布另一个问题后，我找到了一个合适的答案，请参见此处：

我认为我无法使用Chrome在JSFIDLE上重现您的问题。另外，您希望图像拉伸以填满100%的可用空间，还是按比例缩放以填满100%的宽度或高度？如果您试图搜索此主题，则不会出现此问题。。。有多种解决方案，所有这些都很容易在一个快速的过程中被发现search@charlietfl我相信我的问题是不同的，因为它是一个流动的布局，我不知道我的容器的高度，并希望将我的图像缩放到大约400%（例如）因此，我认为投票否决有点苛刻，因为我似乎找不到任何解决StackOverflow问题的方法。不过，我可能会尝试一下这个解决方案，看看它是否能解决问题：值得注意的是，css技巧上的方法不起作用