如何运用rem、自适应高度、媒体查询在苏宁易购设计中？介绍REM与媒体适应性、LESS语言中的计算、语法、数学运算以及函数的使用和参数传递

适配主流浏览器

//适配主流浏览器
//320 360 375 384 400 414 424 480 540 720 750
//把屏幕分成15rem
.adapter(@width) {
  @media (min-width: @width) {
    html {
      font-size: @width/15px;
    }
  }
}

配置px2rem插件

1. 点击左下角的小齿轮 (设置)
2. 选择用户设置
3. 点击左侧的扩展按钮 找到px2rem配置
4. 将 Root font size设置为50

将vscode重新启动一下

易错点说明

1. import "文件路径"  import后面有空格
2. 配置好的输出文件目录是以当前less文件为出发 往上一层的css文件夹里面