简单的适配原理。

1，使用 rem 单位。

如果 设计稿  宽是   750px 
则   随便估一个值。 18.75 

宽  1rem = 750/18.75 = 40
高  100/40 = 2.5rem;

==========================================

1，使用css的预处理器来获得。
2，工程化的手段。
3，按装插件



==========================================
通过 js  获得 视口的宽

怎么样来求视口宽呢？
document.getElement.getBoundingClientRect();
document.getElement.getBoundingClientRect().width;
window.innerWidth;


==========================================

写一个函数，封装起来。

setRemUnit();

window.addEventListener('resize', setRemUnit);

         function setRemUnit() {
             var docEl = document.documentElement;
             var ratio = 18.75;
             var viewWidth = docEl.getBoundingClientRect().width || window.innerWidth;

             docEl.style.fontSize = viewWidth / ratio + 'px';
         }

放到 <script src="js/simple.js"></script>

以下是 simple.js 文件内容
(function(){
	'use strict';
	setRemUnit();

	window.addEventListener('resize', setRemUnit);

         function setRemUnit() {
             var docEl = document.documentElement;
             var ratio = 18.75;
             var viewWidth = docEl.getBoundingClientRect().width || window.innerWidth;

             docEl.style.fontSize = viewWidth / ratio + 'px';
         }	

})()


==========================================