移动端rem适配代码

rem字体设置是根据font-size相对设置:

扩展:设置自适应变化。为什么是设计稿宽度除以100

思路:自适应时保持1rem = 100px自适应
假设设计稿宽度是640px,此时设置根元素font-size:100px; 即:1rem = 100px; 则:640px为6.4rem,比较好计算。
对于自适应宽度,假设显示器宽度为npx,根元素设置为mpx,按照等比例缩放原则:

npx/640px = mpx/100px;

移动端rem适配代码_第1张图片

换算后:m = 100*n/640 = n/6.4,即:根元素m = 显示器宽度/(设计稿宽度/100)

 

 

 

 

 

你可能感兴趣的:(js)