关于webapp中的文字单位的一些捣腾
这篇文章探讨的是移动WebApp开发中一个经典纠结：文字单位该用px、em、百分比还是rem？作者没有停留在理论争论，而是用实测对比给出了直观结论。 作者从PC与移动端对文字尺寸需求的差异出发，分别在未设置viewport和设置了`width=device-width`的情况下，对这几种单位进行了实测。关键发现是：当正确设置了viewport使布局宽度等于设备宽度后，不同单位计算出的最终显示大小趋于一致，px、em和rem在视觉效果上已无本质区别。 文章的核心价值在于澄清了一个常见误区，并提供了清晰的实践路径。它建议开发者可以优先遵循设计稿的px数值进行输出，后期根据实际设备再微调。同时，考虑到代码维护和未来兼容性，作者推荐使用px与rem作为首选单位，尤其强调了为html根元素设定基础字体大小的重要性。 因此，这篇文章为前端工程师在移动端文字排版上提供了一份基于实测的决策参考，帮助大家跳出单位选择的“内耗”，将精力集中在更统一、可控的工程实践上。