今天遇到了一个问题,就是在制作自适应网页时DIV中的图片无法做到同div一同缩放。后来发现以下代码可以解决。
这个是H5的代码
<div class="badyOneBlock1Photo">
<img src="Imagry/photo.png" alt="" class="badyOneBlock1Photo1">
</div>
CSS代码:
.badyOneBlock1Photo{
width: 1.7rem;
height: 1.9rem;
}
.badyOneBlock1Photo1{
height: 100%;
}
这段代码的意思是首先将图片的高度与图片所在的父div的高度绑定,所以一旦div开始自适应高度进行变化的时候,图片的大小也会随着div的大小进行变化。