避免移动端根节点字体大小计算引起的css变形

在使用rem计算根节点字体的大小时，移动端项目在页面首次加载时可能会出现CSS变形的问题。这是由于在根节点字体大小赋值后，页面内容需要重绘。下面介绍解决方法：

解决方案：

将计算根节点字体大小的代码放在页面的最前面，具体来说，放在

标签内。

原理：

立即学习“前端免费学习笔记（深入）”；

从 Git 仓库历史中彻底删除文件

|Git删除了文件，但还会在Git 仓库历史中遗留。 - 想要从 Git 历史移除敏感信息（密码、密钥、token、私钥） - 想要删除意外提交的大文件 - 想要重写 Git 历史、移除特定文件的所有痕迹 - 提到 "force push"、"重写 commit 历史" - 需要从所有分支、所有 tag 中删除某个文件

下载

此举确保了在页面任何内容显示之前，根节点字体大小就已经赋值。这样，页面加载时就无需重绘内容，避免了CSS变形。

示例：

如果你熟悉flexible.js，可以使用其中的方法：

1. 在页面中内联flexible.js代码。
2. 将flexible.js放在所有其他资源加载之前。

参考：

• [amfe/lib-flexible at master](https://github.com/amfe/lib-flexible/blob/master/README.md)