rem适配

日期：2020-08-19

rem适配布局

用法一：
以下代码适配建议放在title标签后面，一开始就进行适配，可以避免在刷新的时候页面跳闪。

   <script>
        // rem适配布局
        (function() {
		//缺点：用的.onresize注册事件，容易被覆盖，建议真正使用的时候采用.addEventListener方法来注册。
            window.onresize = function() {

                var w = window.innerWidth;
                if (w < 1024) {
                    w = 1024;
                }
                if (w > 1920) {
                    w = 1920;
                }
                document.documentElement.style.fontSize = w / 80 + 'px';
            }
            window.onresize();

        })();
    </script>

用法二：局部图表进行适配

	(function() {
		 var myCharts = echarts.init($('.point .pie')[0]); //DOM对象
		window.addEventListener('resize', function() {
		        myCharts.resize();
		        //由于用法一和用法二中的代码我是写在一个项目中的，用的自执行函数，上面这行我不懂为什么myCharts可以触发用法一中注册的resize()这个事件，这边我改成了window.resize()也是可以实现局部图表自适应效果的
		    })
	})();