當手機端和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。