## 移動端rem適配工作 移動端必須加上的 ~~~ <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"> ~~~ 適配的原理 > fontsize = 當前設備的css布局寬度 / 物理分辨率（設計稿寬度）* 基準font-szie js寫法 ~~~ 設計稿寬度 = 750 html-font-size = 20 px document.documentElement.style.fontSize = document.documentElement.clientWidth/750 * 20 + 'px' ~~~ ___ #### 對于設置html的font-szie的疑惑，要設置多大合適？ 有什么標準？網上不是推薦 100px 就是 16px > 個人理解html的font-size的大小設置 用100px是為了方便計算rem的值 但是如果用vscode開發或者其他編輯器應該都是有rem的相關插件，這樣計算起來就不麻煩了。就不用設置為100px了，如果設置了100px 必須要把 body{font-szie:16px} 不然字體會看起來很大。如果是設置的16px那么就不用加上 body{font-szie:16px} #### vscode 安裝cssrem擴展 安裝 搜索 `cssrem ` 擴展名即可 安裝后 默認` html-font-szie=16px `如果自己也是使用的16px那么久不用改 ，請保持跟你設置的一樣，這樣才能生效。 安裝好后輸入px后會出現rem的轉換提示，也可以手動轉換 `alt+z` 全局替換px 先選中需要轉換的css 然后 `alt+z`即可