我看过成千上万个相关问题,它们都想将图片放入父级div中。我可以将图片放入父级div,但当我调整图片大小时,div也会变小。我尝试了max-width: 80%,但div也随之变小。我不希望div盒子自适应大小,因为页面中还有其他按钮和列表会随着它移动。我也不能使用背景图片技巧。唯一的解决方法是设置例如height: 150px的box div,但这对较小的屏幕尺寸也会造成问题。有谁能帮忙吗?这个问题可能会被标记为重复,但我已经放弃搜索了。
.box {
width: 100%;
float: left;
}
.picture {
border: none;
outline: none;
max-width: 100%;
vertical-align: middle;
}
<div class="box">
<img class="picture" src="https://www.w3schools.com/w3css/img_lights.jpg" />
</div>