js动态适配移动端font-size,单位：rem
Posted YAZI
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js动态适配移动端font-size,单位：rem相关的知识，希望对你有一定的参考价值。
比如：目前我手中有一张psd图，大小为640*1010，适配苹果5的手机。
方法步骤：
1.我采用font-size=10px为640*1010手机的初始像素大小； 1rem=10px；
此时psd上有一个文字的大小为20px，即当前我的字体大小用rem表示为：font-size:1rem （psd上的大小为html上大小的2倍，so首先要除以2才能得到正确的px,之后换算rem再次除以2就ok了）
适配各种手机的rem单位：
2.获取我当前使用手机的width: var windowWidth=$(this).innerWidth();
3.比例换算获取当前使用手机的px: windowWidth/M= 320/10 ========= (此时得到M值)
4.将上部得到的x值赋值到当前使用手机页面的html标签里： <html style="font-size:Mpx">
以上是关于js动态适配移动端font-size,单位：rem的主要内容，如果未能解决你的问题，请参考以下文章