码迷,mamicode.com
首页 > 其他好文 > 详细

less运算

时间:2019-08-15 22:50:01      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:空格   media   pre   bsp   size   common   idt   dia   有一个   

1. 运算符中间左右有个空格隔开1px + 5

2.对于两个不同的单位的值运算,运算结果取第一个的单位

3.如果两个值只有一个值有单位,结果取该单位

 

common.less

html {
  font-size: 50px;
}


//划分的份数为 15
@no: 15;

//320
@media screen and (min-width: 320px){
  html {
    font-size: 320px / @no;
  }
}

//360
@media screen and (min-width: 360px){
  html {
    font-size: 360px / @no;
  }
}

//375
@media screen and (min-width: 375px){
  html {
    font-size: 375px / @no;
  }
}

//384
@media screen and (min-width: 384px){
  html {
    font-size: 384px / @no;
  }
}

//400
@media screen and (min-width: 400px){
  html {
    font-size: 400px / @no;
  }
}

//414
@media screen and (min-width: 414px){
  html {
    font-size: 414px / @no;
  }
}

//424
@media screen and (min-width: 424px){
  html {
    font-size: 424px / @no;
  }
}

//480
@media screen and (min-width: 480px){
  html {
    font-size: 480px / @no;
  }
}

//540
@media screen and (min-width: 540px){
  html {
    font-size: 540px / @no;
  }
}

//720
@media screen and (min-width: 720px){
  html {
    font-size: 720px / @no;
  }
}

//750
@media screen and (min-width: 750px){
  html {
    font-size: 750px / @no;
  }
}

 

less运算

标签:空格   media   pre   bsp   size   common   idt   dia   有一个   

原文地址:https://www.cnblogs.com/flyerya/p/11360925.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!