图片实现宽随着高自适应效果

假设图片宽200 高640  ,对应的宽高比例为: 200/640=0.3125=31.25%  则:

.img{

overflow: hidden

width:100%

height:0

padding-bottom:31.25%

}

使图片的宽度始终是高度的31.25%

posted @ 2020-07-31 23:04  一梦梦  阅读(405)  评论(0)    收藏  举报