/* 默认基准字体大小（适用于桌面或大屏） */
html {
    font-size: 10px;
}

/* 极小屏设备（≤150px） */
@media (max-width: 150px) {
    html {
        font-size: 3.5px;
    }
}

/* 151px–179px */
@media (min-width: 151px) and (max-width: 179px) {
    html {
        font-size: 4px;
    }
}

/* 180px–209px */
@media (min-width: 180px) and (max-width: 209px) {
    html {
        font-size: 4.5px;
    }
}

/* 210px–239px */
@media (min-width: 210px) and (max-width: 239px) {
    html {
        font-size: 5px;
    }
}

/* 240px–269px */
@media (min-width: 240px) and (max-width: 269px) {
    html {
        font-size: 5.5px;
    }
}

/* 270px–299px */
@media (min-width: 270px) and (max-width: 299px) {
    html {
        font-size: 6px;
    }
}

/* 300px–329px */
@media (min-width: 300px) and (max-width: 329px) {
    html {
        font-size: 6.5px;
    }
}

/* 330px–349px */
@media (min-width: 330px) and (max-width: 349px) {
    html {
        font-size: 7px;
    }
}

/* 350px–379px（小屏手机） */
@media (min-width: 350px) and (max-width: 379px) {
    html {
        font-size: 8px;
    }
}

/* 380px–419px（中等手机） */
@media (min-width: 380px) and (max-width: 419px) {
    html {
        font-size: 9px;
    }
}

/* 420px–600px（大屏手机） */
@media (min-width: 420px) and (max-width: 600px) {
    html {
        font-size: 10px;
    }
}

/* 601px–1024px（平板） */
@media (min-width: 601px) and (max-width: 1024px) {
    html {
        font-size: 11px;
    }
}

/* ≥1025px（桌面端） */
@media (min-width: 1025px) {
    html {
        font-size: 12px;
    }
}