js react antd 实现页面低分变率和高分变率下字体大小自适用，主要是配置antd

// 导入 Ant Design 样式
@import '~antd/dist/antd.less';

// 媒体查询 - 响应式字体大小
@media (max-width: 767px) {
  :root {
    --font-size-base: 12px;
  }
  @font-size-base: 12px;
  @font-size-lg: 14px;
  @font-size-sm: 10px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --font-size-base: 14px;
  }
  @font-size-base: 14px;
  @font-size-lg: 16px;
  @font-size-sm: 12px;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  :root {
    --font-size-base: 16px;
  }
  @font-size-base: 16px;
  @font-size-lg: 18px;
  @font-size-sm: 14px;
}

@media (min-width: 1440px) {
  :root {
    --font-size-base: 18px;
  }
  @font-size-base: 18px;
  @font-size-lg: 20px;
  @font-size-sm: 16px;
}

// 应用布局样式
.app-layout {
  min-height: 100vh;
}

.site-layout-content {
  min-height: 280px;
}