rem在移动端的应用

参考淘宝移动端页面https://h5.m.taobao.com/对rem的处理

以iphone6/7/8 (375*667)为基准设置1rem=100px;

var elem = document.getElementsByTagName('html')[0], size = document.body.clientWidth / 375 * 100;
elem.style.fontSize = size+'px';

 320px----1rem---85.3333px

 375px----1rem----100px

 414px----1rem---110.4px

 

posted @ 2018-05-14 14:41  Mary哎呀小龙  阅读(111)  评论(0编辑  收藏  举报