关于rem的兼容方案

我们的设计图是1920*1080（px）

关于rem的官方解释，大家可以自行搜索。我的理解是，html标签设置一个基数。比如设计图中间的操作区域是1690px，那么我设置font-size:16.9px; 那100rem=1690px。在设计之前最好和设计师沟通好，让设计的宽度、间距、高度等，按照一个基数进行设计。这样你进行rem转换的时候，可以口算出来。不然所有的转换rem都需要用公式计算，只是为了方便。

1.hbuilder x 这个开发软件很好用，可以在你输入px的时候，提示你对应的rem值是多少。

重点：我们需要根据设计图的比例，来设置HTML的font-size 基数计算

$(function(){
    var w=window.screen.width;
    var zoom=(w/1920);
		 
    $("html").css({ "font-size":16.9*zoom });
});

这段代码的意思就是，获取屏幕的可视像素。然后根据你的设计图宽度进行比例计算。然后得到的比例和我们的基数进行计算，得到该屏幕下的基数。