如何使图像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元素响应

回答

相关问题