避免移动端根节点字体大小计算引起的CSS变形
在使用rem计算根节点字体的大小时，移动端项目在页面首次加载时可能会出现CSS变形的问题。这是由于在根节点字体大小赋值后，页面内容需要重绘。下面介绍解决方法：
解决方案：
将计算根节点字体大小的代码放在页面的最前面，具体来说，放在<head>标签内。
原理：
此举确保了在页面任何内容显示之前，根节点字体大小就已经赋值。这样，页面加载时就无需重绘内容，避免了CSS变形。
示例：
如果你熟悉flexible.js，可以使用其中的方法：
参考：
CSS Sticky 定位为何能使元素粘在非直接父元素上？
如何用Simple Boilerplate快速搭建静态页面？
CSS 渐变：线性渐变()
批量生成 HTML 页面：为什么 webpack 不是最佳选择？
CSS right: 0定位下，如何实现从右向左的宽度缩小动画？
浏览器缩放后，为什么元素尺寸会显示小数点？如何避免这种情况？
LOFTER怎样搜索标签下内容 LOFTER查找标签下内容流程介绍
支付宝注册时间在哪里看 支付宝查看账号注册时间教程介绍
Go 框架中集成测试的最佳实践
欧盟对中国电动汽车进行深入调查，背后的‘小动作’也被揭露
剪映宇宙特效怎么制作 剪映宇宙特效制作教程
如何取消钉钉打卡个性主题设置
手机版
返回顶部
