// rem等比适配配置
// 基准大小
const baseSize = 16
// 设计稿宽度
const designWidth = 1920
// 最大缩放比例
const maxScale = 2

// 设置 rem 函数
function setRem() {
  // 当前页面宽度相对于设计稿宽度的缩放比例
  const scale = document.documentElement.clientWidth / designWidth
  // 设置页面根节点字体大小（最高放大比例为maxScale）
  document.documentElement.style.fontSize = baseSize * Math.min(scale, maxScale) + 'px'
}

// 根据设计稿尺寸计算实际尺寸
export function fontSize(res) {
  const clientWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
  if (!clientWidth) return res
  const scale = clientWidth / designWidth
  return res * Math.min(scale, maxScale)
}

// 初始化rem配置
export function initRem() {
  setRem()
  // 改变窗口大小时重新设置 rem
  window.addEventListener('resize', setRem)
}

// 移除rem监听（可选，用于清理）
export function removeRemListener() {
  window.removeEventListener('resize', setRem)
}

// 自动初始化（如果需要在导入时自动初始化）
// initRem()
