如何使圖像DOM元素響應

var img = document.createElement("img"); 
    img.src = screenshots[i].content; 
    img.height = '1000'; 
    img.width = '1000'; 
    item.appendChild(img);

我想要的高度和寬度是auto或％，但它似乎並沒有與它合作。

我也試過如何使圖像DOM元素響應

img.className = 'screenshot'; 

.screenshot { 
    height = '100%'; 
    width = '100%'; 
}

有了一切，除了設置高度和寬度像素的DOM沒有什麼作品

來源

2016-11-16 Medelwr

它不響應發送一個巨大的圖像瀏覽器，然後使用CSS或JS來調整它的大小。它可以讓瀏覽器根據視口大小決定從服務器請求的圖像大小 – mplungjan

您可以使用類似的東西

img 
{ 
    width:100%; 
    height:auto; 
}

來源

2016-11-16 10:29:34

嗨它的工作原理請參閱codepen所附http://codepen.io/anilnamde/pen/aBmLdj

// HTML 
<div id="xx"> 
</div> 

// CSS 
div{ 
    background:red; 
    width:400px; 
} 

img{ 
    width:100%; 
    height:auto; 
} 

// Javascript 
var img = document.createElement("img"); 
img.src ='https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png'; 

document.getElementById('xx').appendChild(img);

如果在CSS圖像中更改div的寬度會自動調整。

來源

2016-11-16 10:35:05

好的答案，但我接受其他答案，因爲他首先使用我需要的代碼到達那裏。謝謝 – Medelwr

@Medelwr它幫助重要......最後的投票也將工作:) –

如何使圖像DOM元素響應

回答

相關問題