利用scss设置高度等于宽度

Question

我用flex布局这样，想设置高度和宽度一样，

目前是用的scss 我该如何写呢？

Answer 1

楼主，给你推荐使用 vw 布局

.foot {
  margin-top: 1rem;
  .foot-menu {
      display: flex;
      .menu-item {
         width: 25vw;
         height: 25vw;
         @extend: .box-shadow;
      }
     
      .menu-item2 {
         width: 50vw;
         height: 50vw;
         @extend: .box-shadow;
      }   
  }
}

按照需求分割比题主自己算。