less中除法失效


less中除法失效

1、问题描述

媒体查询做适配时候需要用到除法

@number: 15;
@media screen and (max-width: 320px) {
  html {
    font-size: 320px / @number;
  }
}

当用完less编译之后得到得css为,没编译:

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

原因是因为less官方升级导致

2、解决办法

1、将/改为./

@number: 15;
@media screen and (max-width: 320px) {
  html {
    font-size: 320px ./ @number;
  }
}

2、用括号括起来

@number: 15;
@media screen and (max-width: 320px) {
  html {
    font-size: (320px / @number);
  }
}