前端PC端自适应适配

适配主要函数

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

当DOM结构加载完成后自动执行此函数，并且调用适配函数

document.addEventListener('DOMContentLoaded', () => {
	 this.basefont()
	}, false);

当页面变化时候触发此函数，并且重新调用适配函数

$(window).resize(function () // 绑定到窗口的这个事件中
	{
		this.basefont()
	});