使用自适应js（rem为单位）的时候，每次进去都会有一秒左右的时间页面由大到小的自适应跳动，怎么办？

JavaScript016

使用自适应js（rem为单位）的时候，每次进去都会有一秒左右的时间页面由大到小的自适应跳动，怎么办？,第1张

应该是设置rem的函数加载顺序问题，应该先加载这个函数和css再去加载dom，这样就没有自适应跳动的问题，如果在加载dom之后调用该函数的话（在body之后加载函数），这样进入页面，fontSize会先以默认值显示，当读取了设置函数后才进行自适应。

不需要，rem只是css3的一个新的长度单位，与js无关，所以不需要引入任何js。如下面的例子就是rem的使用方法的简单例子：

<style>

html,h1{font-size:12px}

p{font-size:2rem}

</style>

<h1>下面的文字将是html定义的字体大小的2倍：</h1>

<p>我是html定义的12px的2倍，字体大小为24px</p>

rem是一个相对大小的值，它相对于根元素<html>，

设置html的字体大小的值为html｛font-size: 87.5%｝（也就是14px）。

然后其他的字体就是将要的值除以14得到的值；

比如默认的twentytwelve主题大小是960px；换算成rem就是960/14=68.57142857142857rem；

padding的24px也就是24/14=1.714285714285714rem，以此类推。