WishMeLz

生活其实很有趣

根据元素宽度设定高度比例

要求:图片根据宽度设置高度。正方形

.shopimg {
  width: 100%;
  height: 0;
  padding-bottom: 100%;  // 这个就是高的比例
  position: relative;
}
.shopimg-info {
    position: absolute;
    top:0;
    left: 0;
    bottom: 0;
    right: 0;
}
.shopimg img {
  width: 100%;
  height: 100%;
}