Javascript 将图像调整为其父级的高度，并在“窗口调整大小”时调整其大小

我需要代码方面的帮助

这是我的例子-

及全尺寸页-

概念：

---

我想有100%的宽度和100%的高度，溢出：隐藏DIV与宽图像在它里面，我可以左右移动，这个图像应该调整窗口大小，在我的例子中，你看到的只是拉伸图像的高度，我想调整整个图像的大小，但我不想显示整个图像，它需要左右移动，你可以说，如果你把这个图像作为背景，它将被包含或覆盖，甚至是100%100%等等，这取决于你想要缩放还是全屏，等等。

您想要的图像样式如下：

#bg-image {
    width: 100%;
    height: auto;
}

---

在将来，您真正想要的CSS属性是

对象适合度
：
我想缩放它以适合它父级高度，即窗口高度moz背景大小：cover；背景尺寸：封面；“cover”关键字表示应该调整图像的大小并保持任何内在的纵横比。我会将背景大小自动调整为100%；这应该可以做到，使用javascript，你可以得到window.height，并根据它缩放图像，比如说window.height是图像的y大小，然后可能在每次窗口高度改变时调用函数，不知道，类似于这样，这就是它，但没有宽度：100%；我需要的图像正好适合这样的高度