QQ扫一扫联系
为了进一步提升框架的标准化程度及第三方库的兼容性,ModStart 决定从下一个版本开始,正式将 HTML 根节点的 font-size 由现有的 20px 统一调整为 16px。
回归行业标准: 全球主流浏览器默认基准字号均为 16px。此次调整将使 ModStart 与 Web 标准全面对齐,开发者在引入 Tailwind CSS、Element Plus 或 Vant 等第三方 UI 库时,无需再进行复杂的字号换算。
优化精密布局: 16px 基准在 4 像素系统(4/8/16/32)中具有完美的整除性。这能有效减少移动端及高分屏下的渲染锯齿与“半像素”偏移,让布局更加严丝合缝。
增强生态通用性: 目前主流的设计规范均以 16px 为逻辑像素起点,统一后将显著提升跨平台开发的一致性体验。
核心变动:
旧版:1rem = 20px
新版:1rem = 16px
如果您在开发中大量使用 px 作为单位,本次更新对您的视觉效果几乎没有影响。如果您使用 rem 作为单位,原有布局在不修改代码的情况下会整体缩小 20%。
| 预期物理大小 (px) | 旧版代码 (Base 20px) | 新版代码 (Base 16px) |
|---|---|---|
| 16px | 0.8rem | 1rem |
| 20px | 1rem | 1.25rem |
| 24px | 1.2rem | 1.5rem |
| 32px | 1.6rem | 2rem |
新项目: 直接基于 1rem = 16px 标准进行开发。
存量项目: 建议使用 CSS 预处理器的正则替换功能,将原有 rem 值统一乘以 1.25。
紧急兼容: 若需立即升级又暂无暇修改样式,可在全局 CSS 顶部添加: html { font-size: 20px !important; }(仅作为过渡方案,不推荐长期使用)。
ModStart 始终致力于提供最符合现代开发标准的低代码技术架构。感谢您的理解与支持!