图片实现宽随着高自适应效果
假设图片宽200 高640 ,对应的宽高比例为: 200/640=0.3125=31.25% 则:
.img{
overflow: hidden
width:100%
height:0
padding-bottom:31.25%
}
使图片的宽度始终是高度的31.25%
假设图片宽200 高640 ,对应的宽高比例为: 200/640=0.3125=31.25% 则:
.img{
width:100%
height:0
padding-bottom:31.25%
}
使图片的宽度始终是高度的31.25%