rem适配布局---3. less

Posted deer-cen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了rem适配布局---3. less相关的知识,希望对你有一定的参考价值。

1. less介绍

less是一门CSS扩展语言,也成为CSS预处理器,作为CSS一种形式的扩展,并没有减少CSS的功能,而是在现有的CSS语法之上,为CSS加入程序式语言的特性。它在CSS语法的基础之上,引入了变量,Mixin(混入),运算以及函数等功能,大大简化了CSS的缩写,并降低了CSS的维护成本。
less官网:http://lesscss.cn/
less是css的预处理语言,它扩展了css的动态特性。

2. 安装

  • 先安装node.js, node.js下载网站:http://nodejs.cn/download/
  • 在cmd中输入node -v 查看版本号证明安装成功
  • 在node.js环境中安装less,继续输入npm install -g less进行安装
  • 在cmd中使用命令lessc -v查看版本号,证明安装成功

3. 使用

首先创建后缀名为less的文件,在这个less文件里面书写less语句

以上是关于rem适配布局---3. less的主要内容,如果未能解决你的问题,请参考以下文章

静态页面3-移动端苏宁首页

前端web-rem,vw/vh适配和less的使用

移动WEB开发之rem适配布局

移动WEB开发之rem适配布局

移动端适配---响应式布局---rem布局---vw布局

关于移动端适配