https://github.com/amfe/lib-flexible

利用手淘的js 根据屏幕尺寸控制html标签font-size的大小

默认iphone6 width为750px

lib-flexible把屏幕等分为10份 html的font-size就为75px

再次利用less

推荐用webstorm编辑器可以自动编译less

@a:75rem; //设置个变量

.div{
width: 375/@a; //所有单位用px去除以75
height: 375/@a;
background-color: red;
}

编译出来就是，less文件也方便后期维护和修改数值

.div {
    width: 5rem;
    height: 5rem;
    background-color: red;
}