如何調整div時，瀏覽器調整大小使用javascript

是否有可能使用javascript調整整個「div」容器？在我的div裏面我有2張圖片，並且放在另一張圖片上。第一張圖像是720x1280，第二張圖像是40x40。現在，在調整div容器大小的同時，圖像應該被調整大小。如何調整div時，瀏覽器調整大小使用javascript

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容器發生同樣的情況。

來源

2014-07-09 user3819989

難道你不只是在CSS中的圖像添加'max-width：100％'？ – Alex

我認爲這可以解決在CSS ... – webkit

試試這個：

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

與此相伴，像@Alex說，你還可以添加width:100%的圖像。

來源

2014-07-09 11:00:07

感謝您的答覆。是否有可能調整整個'div'容器使用javascript？在我的div裏面我有2張圖片，並且放在另一張圖片上。第一張圖片有720x1280，第二張圖片有40x40。現在，在調整div容器大小的同時，圖像應該被調整大小。 – user3819989

你能分享一下你的代碼嗎？ –

我沒有任何想法去做。我只是試着用一張圖片「適合屏幕」。它工作正常。上面附上。 – user3819989

如何調整div時，瀏覽器調整大小使用javascript

回答

相關問題