1. 利用 vw

      1. .box {
      2.  width: 10vw;
      3. height: 10vw;
      4. background-color: red;
      5. }

    2. 利用 padding 百分比是相对于父元素宽度

      .box {
 width: 20%;
height: 0;
background-color: red;
padding-top: 20%;
}

    3. 百分比