我想要一个网站,我可以在其中上传不同大小的图像以显示在 jquery 滑块中。我似乎无法将图像放入包含的 div 中(按比例缩小)。这就是我打算这样做的方式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="Imtest.css"/>
</head>
<body>
<div id="wrapper">
<div id="im"><img src="Images/Scarpa2_1.jpg" /></div>
</div>
</body>
</html>
和CSS
#wrapper {
width: 400px;
height: 400px;
border: 2px black solid;
margin: auto;
}
#im {
max-width: 100%;
}
我试图在 CSS 中将图像的最大宽度设置为 100%。但这是行不通的。
原文由 Muteking 发布,翻译遵循 CC BY-SA 4.0 许可协议
您可以使用 背景图像 来完成此操作;
来自 MDN - 背景大小:包含:
演示
CSS:
HTML: