首先rem是根据--根节点的字体大小控制rem的大小。
先按照设计图的尺寸用px单位把整个页面写出来.....然后网上找px转换rem的工具，也可以自己算。。最后就是设置html的font-size了..这个要用px来做单位...这样就可以控制单位为rem的大小了。。（控制html的字体大小可以用@media根据不同的屏幕来设置，，也可以用js获取屏幕宽度或高度来计算。。然后设定字体大小）...2017-08-17 9.54
Ⅱ Js动态设置rem来实现移动端字体的自适应代码
下面一段代码给大家介绍了Js动态设置rem来实现移动端字体的自适应，以此做个记录，方便以后需要，感兴趣的朋友一起看看吧。
具体代码如下所示：
//设置根元素字体
var
win
=
window,
doc
=
document;
function
setFontSize()
{
var
winWidth
=
$(window).width();
//750这个数字是根据你的设计图的实际大小来的，所以值具体根据设计图的大小
var
size
=
(winWidth
/
750)
*
100;
doc.documentElement.style.fontSize
=
(size
<
100
?
size
:
100)
+
'px';
};
//这里我们给个定时器来实现页面加载完毕再进行字体设置
setTimeout(function()
{
//初始化
setFontSize();
},
100);
以上所述是小编给大家介绍的Js动态设置rem来实现移动端字体的自适应代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
Ⅲ rem布局中需要引入什么js吗
不需要，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的作用与运用，小程序为什么用rpx为单位
开发过小程序的人都知道，小程序的单位是rpx，这是为什么？有什么作用呢，其实它源于rem布局，先来了解下rem的优势与工作原理。
rem布局在没正式使用到项目中，只知道他是根据html根元素的font-size来变化的;
若：html{ font-size:20px};
则1rem = 20px;
然后呢，有什么作用，定完html的font-size后，元素使用rem和使用px有什么区别，不都一样么？
其实rem他的主要运用场所在移动端，移动端的设计稿一般都是iphone6为基础设计的，设计稿的宽为750px；
手机的物理尺寸是375px；所以在用css的时候，设计尺寸需要除以2；
要用rem完成移动端的适配，答顷需要固定浏览器的显示宽度不变。
也就是说，我在设计稿上量到宽367px的大小，那么css里可以旁举宽直接写width:3.67rem。
此时，（以375px宽手机为例）第二步js设置的html字体大小为：375px除以7.5得50px；
7.5rem乘以50px得到的是375px刚好是屏幕的满宽。
也就是说，不论手机屏幕宽度多少，7.5rem永远能占屏幕的满宽。这样，在宽屏手机里，元素能够等比例放大一些，实现各类机型的适配，也方便了前端编码。
而做过小程序的人都知道，小程序不论任何机型，屏幕满宽都是750rpx，其实也就是从7.5rem延伸而来，至于根目录字体大小的配置，微信开发者工具已经将这些都配置好了，你尽情用就可以了。
如果有帮助，请点运亮赞支持哦。
Ⅳ Rem及其使用
（font size of the root element）是指相对于根元素的字体大小的单位
目前，IE9+，Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。即使浏览器不支持rem，就多写一个绝对单位的声明即可，浏览器会忽略用rem设定的字体大小。
（1）首先浏览器的默认字体大小是16px
（2）100%=16px => 6.25%=1px => 62.5%=10px，因为rem是相对于根元素，因此在css的html中全局声明font-size=62.5%，此时的1rem就睁闭等于10px，这样一来rem和px之间的换算就比较简单，使用起来更方便
（3）使用JS根据浏览器宽度（或浏览器可视区域宽度（clienWidth））动态设置html的大小
通过JS动态设置根元素的font-size，这样的好处是悉竖裂所有设备分辨率都能兼容适配，淘宝首页目前就是用的JS计算。如果不用JS也是可以做适配的，一纤空般我们在做web app都会先统计自己网站有哪些主流的屏幕设备，然后去针对这些设备去做media query设置也可以实现适配，如：
（4）使用媒体查询设置根元素大小——rem和px在响应式中的应用对比，如：
（5）Rem自适应JS，现在也有封装好的JS供我们直接使用
（6）屏幕适配还有一种简单粗暴的做法，即设置viewport进行缩放
天猫web app的首页就采用过这种方式，以320宽度为基准，进行缩放，最大缩放为320*1.3 = 416，基本缩放到416都就可以兼容iphone6 plus的屏幕了，这个方法简单粗暴，又高效。