Javascript Img动态缩放到盒子高度

我需要建立一个网站与相同的功能上看到的框必须始终是相同的高度和图像应成比例的比例在框的高度。我该怎么做？不幸的是，我找不到js代码来了解他们是如何做到的

我用css（img类：width:100%）尝试过，但在某些尺寸上，填充的高度会比文本框高

谢谢你的帮助

致意

---

托马斯可能是这样的

HTML:

<div id="wrap">
    <div class="image" id="img1"></div>
    <div class="image" id="img2"></div>
</div>

---

我们可以用一些代码来回答你的问题。我在哪里可以看到它

#wrap {
    height:90vh
}
.image {

    height:50%;
    background-repeat: no-repeat;
    background-position: center center;
}
#img1 {
    background-image: url('http://i56.tinypic.com/2hr0twi.jpg');
}
#img2 {
    background-image: url('http://media.desura.com/images/members/1/420/419240/SERB_VILLAGE.jpg');
}