当手机端和pc端需要做适配时,建议手机端用rem为单位。
- 设置px和rem的比例。因为rem是相对于页面根元素元素大小来设置的
let iWidth = document.documentElement.clientWidth;
document.getElementsByTagName('html')[0].style.fontSize = 100 * iWidth / 750 + 'px';
750 是本项目UI出的手机端设计稿的宽度,所以是 除以750。如果是其他宽度,也可以修改。此处意为1rem = 100 px。