//假设手机设置为10等分，html的字体大小等于屏幕大小除以10
@no:30;
html {
  font-size: 16px;
}
// 我们此次定义的划分的份数 为 15

@media screen{
  // 320
  @media (min-width: 320px) {
    @fonSize: 320px / @no; //32px
    html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
      font-size: @fonSize !important;
    }
  }
  // 360
  @media (min-width: 360px) {
    @fonSize: 360px / @no; //32px
    html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
      font-size: @fonSize !important;
    }
  }
  // 375 iphone 678
  @media (min-width: 375px) {
    @fonSize: 375px / @no; //32px
    html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
      font-size: @fonSize !important;
    }
  }

  // 384
  @media (min-width: 384px) {
    @fonSize: 384px / @no; //32px
    html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
      font-size: @fonSize !important;
    }
  }

  // 400
  @media (min-width: 400px) {
    @fonSize: 400px / @no; //32px
    html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
      font-size: @fonSize !important;
    }
  }
  // 414
  @media (min-width: 414px) {
    @fonSize: 414px / @no; //32px
    html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
      font-size: @fonSize !important;
    }
  }
  // 424
  @media (min-width: 424px) {
    @fonSize: 424px / @no; //32px
    html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
      font-size: @fonSize !important;
    }
  }

  // 480
  @media (min-width: 480px) {
    @fonSize: 480px / @no; //32px
    html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
      font-size: @fonSize !important;
    }
  }

  // 540
  @media (min-width: 540px) {
    @fonSize: 540px / @no; //32px
    html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
      font-size: @fonSize !important;
    }
  }
  // 720
  @media (min-width: 720px) {
    @fonSize: 720px / @no; //32px
    html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
      font-size: @fonSize !important;
    }
  }

  // 750
  @media (min-width: 750px) {
    @fonSize: 750px / @no; //32px
    html,body,#app,.el-tabs__item,.el-table,.el-divider__text {
      font-size: @fonSize !important;
    }
  }

  // @media (min-width: 320px) {
  //   @fonSize: 320px / @no; //32px
  //   html,body,#app,.el-tabs__item,.el-table {
  //     font-size: @fonSize !important;
  //   }
  // }
  // @media (min-width: 375px) {
  //   @fonSize: 375px / @no; //37.5px
  //   html,body,#app,.el-tabs__item,.el-table {
  //     font-size: @fonSize !important;
  //   }
  // }
  // @media (min-width: 750px) {
  //   @fonSize: 750px / @no; //75px
  //   html,body,#app,.el-tabs__item,.el-table {
  //     font-size: @fonSize !important;
  //   }
  // }
}