瀏覽器使用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% 。