如何在浏览器使用javascript调整大小时调整div大小

Question

是否可以使用javascript调整整个'div'容器的大小？在我的div中，我有2张图片，并且一张放在另一张图片上。第一张图像为720x1280，第二张图像为40x40。现在，在调整我的div容器大小时，两个图像都应该在建议时重新调整大小。

function addWidth() {
var elem = document.getElementById("Image1");
if (elem != null) {
var mydiv = elem.clientWidth;
document.getElementById("divImage").style.width = mydiv + "px";
}
}
function resizediv() {
var height = window.innerWidth;
if (document.body.clientHeight) {
height = document.body.clientHeight;
}
height = parseInt(height) - 10;
document.getElementById("Image1").style.height = parseInt(height - document.getElementById("divImage").offsetTop - 8) + "px";
}
window.onresize = resizediv;

我尝试过单张图片，但效果很好。但是我想要一个div容器也一样。

Answer 1

试试这个：

$(window).resize(function() {
    addWidth();
    resizediv();
});

除此之外，就像@Alex所说，您还可以为图片添加width:100%。