今天把pc端的自适应弄一下，在pc端上只需要直接用rem布局就好了，并不需要用到媒体查询，

$(window).resize(function ()// 绑定到窗口的这个事件中
{
 var whdef = 100/1920;// 表示1920的设计图,使用100PX的默认值
 var wH = window.innerHeight;// 当前窗口的高度
 var wW = window.innerWidth;// 当前窗口的宽度
 var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
 $('html').css('font-size', rem + "px");
});

记住在载入页面的时候调用一次，即直接

var whdef = 100/1920;// 表示1920的设计图,使用100PX的默认值
 var wH = window.innerHeight;// 当前窗口的高度
 var wW = window.innerWidth;// 当前窗口的宽度
 var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
 $('html').css('font-size', rem + "px");

写一个方法，再写一个直接作用的

如果调整窗口大小，会发现HTML的FONT-SIZE值在变化，同时，使用REM设置的DOM也在变化。REM正是参考HTML的FONT-SIZE值来计算的
同时。
px to rem插件中的默认值改为100，这个值是上方分的默认值
var whdef = 100/1920;

如果是在手机上，平板电脑上，更要使用REM，由于手机上一般不会调整浏览器大小，所以可以在页面载入时，设置一次即可。

$(function(){
 
 var whdef = 50/750;// 表示750的设计图,使用50PX的默认值
 var wH = window.innerHeight;// 手机窗口的高度
 var wW = window.innerWidth;// 手机窗口的宽度
 var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
 $('html').css('font-size', rem + "px");
})

最后自适应的背景图片上需要添加上这个样式
background-size:contain
这样背景图片就也会自适应了

今天把自适应复习了一下，准备学vue的，但老师让我研究一下echarts的三维地图(╥╯^╰╥)，接下来准备分出时间来研究一下