@media all / screen 所有平台 / 屏幕
响应式:一个平台兼容多个终端
@变量名:赋值 //变量
.函数名() //函数
when (条件){} //判断
.函数名() when (){} //使用
.a(@i:1) when (@i<=12){
.col-l-@{i}{
width:@i/12*100%;
}
.a(@i:@i+1)
}
固定布局:定义一个尺寸(400px)
流式布局:没有固定尺寸(50%)
@media all / screen 所有平台 / 屏幕
响应式:一个平台兼容多个终端
@变量名:赋值 //变量
.函数名() //函数
when (条件){} //判断
.函数名() when (){} //使用
.a(@i:1) when (@i<=12){
.col-l-@{i}{
width:@i/12*100%;
}
.a(@i:@i+1)
}
固定布局:定义一个尺寸(400px)
流式布局:没有固定尺寸(50%)