从阿里的flexible 到 利用css media 再到百分比 几个方案试用下来觉得各有利弊，这里总结出一套比较简单粗暴的适配方案 分享一下
首先是meta,比较常规
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
css 部分 以设计稿750px 为例
html{ font-size:13.333333vw;}
.rect{ width:1rem; height：1rem;}
利用VW单位换算，这里 1rem 就等于100px; 简单粗暴有木有！！ 不需要算百分比，不需要sass less 单位换算，不需要media媒体查询hack，
缺点：
1.由于100/750 约等于13.3333 所以并不是准确的100px.实际上是99.8888888等，但是误差几乎可以忽略不计。
- VW兼容性，anriod4.4以下需用JS hack，可参考flexible
完。
