## 移动端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`即可