让 div 的高度等于宽度,的小技巧

关键属性:width: 100%; padding-top: 100%;

例子:

    .img_box {
      width      : 100%;
      padding-top: 100%;
      position   : relative;
      overflow   : hidden;

      img {
        position        : absolute;
        top             : -0%;
        transform-origin: center center;
        width           : 100%;
        height          : 100%;
        transition      : all 1s ease-in-out;
      }
    }
上一篇:5. 分类页面


下一篇:Echarts图表之圆形进度条(四)