html - 我如何使图像完全适合 div？

Question

我想尽可能多地使用 HTML 和 CSS，尽可能少地使用 JavaScript。中的图像spotlight应该完全适合正方形，从左到右显示所有像素。基本上，我希望它根据屏幕大小调整大小。

我浏览了整个网络，但似乎没有任何效果。

score 3 · Accepted Answer

3

尝试添加background-size:cover到这个例子中的聚光灯类：http: //cssdesk.com/4vQvQ

于 2012-08-18T04:37:52.513 回答

score 0 · Accepted Answer

您可以通过 JavaScript 根据图像的大小将您的大小调整为六倍。

例如

document.getElementById("Your Div Id").width="Width of the image in px";
document.getElementById("Your Div Id").Height="Height of the image in px";

score 0 · Accepted Answer

使用在 div 中插入图像

并应用以下CSS

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

请记住，它不会将图像作为 div 的背景...

3 回答 3