根据元素的宽度自适应高度

2019独角兽企业重金招聘Python工程师标准>>>

###效果图 ###布局方式 html <a href="" class="item"> <img alt="" src="images/icon-rule.gif" class="img-full"> </a> css

.item{
			width: 100%;
			display: block;
			height:0;
			padding-bottom: 75%;
			overflow: hidden;
			position: relative;
		}
.item img {
			position: absolute;
			left: 0;
			top:0;
			border-top-left-radius:3px;
			border-top-right-radius:3px;
			min-height: 100%;
		}

转载于:https://my.oschina.net/u/2393989/blog/3026349