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

是否可以使用javascript调整整个“div”容器的大小？在我的div里，我有两张图片，一张放在另一张上面。第一个图像的分辨率为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容器也会发生同样的情况

试试这个：

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

---

除此之外，正如@Alex所说，您还可以为图像添加

width:100%

。

您是否可以在CSS中为图像添加

max width:100%

？我认为这可以在CSS中解决…感谢您的回复。是否可以使用javascript调整整个“div”容器的大小？在我的div里，我有两张图片，一张放在另一张上面。第一个映像具有720x1280，第二个映像具有40x40。现在，在调整我的div容器大小时，两个图像都应该被预先调整大小。我不知道该怎么做。我只是试着用一张图片来“适应屏幕”。它很好用。附于上面。