在响应式网站中,图片的高度是个问题,不能把它写死,于是我根据定位写了一个方法
结构:
<div class="box">
<a href="javascript:;">
<img src="img/img-1.jpg" class="imgages">
</a>
</div>
样式:
.box{
height:auto;
}
.box a{
display:block;
position: relative;
height: 0;
padding-bottom: 66.7%;
overflow: hidden;
}
.box img{
position: absolute;
left: 0;
top: 0;
width:100%;
height: 100%;
}