说到移动端适配，经常会想到rem，这里介绍两种rem适配方案：1.自定义配置定义在rem.scss文件中：/**DesigndraftWidth:$design_widthHeightof设计稿：$design_height需要自己定义**/@functionpx2rem($px){@return$px/($design_width/10)*1rem;}@functionrem2px($rem){@return$rem*($design_width/10)*1px;}@functionpx2vh($px){@return$px/$design_height*100vh;}@functionpx2vw($px){@return$px/$design_width*100vw;}使用：importrem.scss@import"./rem.scss";.table{width:px2rem(300);高度：px2rem(180)；margin:0px2rem(16);}二、flexible.js运行步骤：1.安装lib-flexible.jsnpminstalllib-flexible--save2.在项目入口引入lib-flexibleimport'lib-flexible/flexible'文件main.js3.在VScode中安装cssrem插件4.修改默认字体大小在设置里，搜索框输入cssroot显示用户和工作空间，如果渲染是750，那就改成75,如果是375,改成37.5,使rem单位换算正确;5.然后准备使用
