移动端rem计算导致页面扭曲变动如何解决？

发布日期： 2024-11-05 阅读量： 作者： 网络

解决移动端rem计算导致页面扭曲变动的问题

在移动端项目中使用rem作为根节点字体大小的计算方式时，可能会遇到页面首次打开时出现css扭曲变动的现象。这是因为根节点字体大小赋值后，会导致页面内容重绘。

解决方法：

将计算根节点字体大小的js代码移动到页面的最开头，放置在

标签内。

原理：

这样做可以确保代码在页面渲染之前执行，从而避免页面内容在字体大小改变后出现重绘。

参考代码：

<head>
  <script>
    // 计算根节点字体大小的 JS 代码
  </script>
</head>

随便看看