从黑屏开始，假设我有以下HTML代码：
<body>
<div id="image">
<img src="pic.jpg">
</div>
</body>
和CSS为：
#image{
width:100%;
height:auto;
}
或者
#image img {
width:100%;
height:auto;
}
我在这里感到困惑，因为图像没有变化，因为图像div具有图像的大小（图像尺寸为1920 * 1080像素），并且其100％是整个图像本身。但是，如果我将宽度设置为50％，仍然没有变化。
我只想根据浏览器调整图像大小，我的屏幕分辨率为1366 * 768，所以最初我需要图像以适合该图像，当我调整浏览器大小时，我需要图像大小相应地进行更改。
设置包含div的大小不会更改图像的大小。而是在图像上设置样式：
#image img {
width:100%;
height:auto;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句