Less 无法进行除法运算的问题

代码：

<style lang="less"  scoped>

  @base-number:50px;

  .home-page {
    width: 15rem;
    height: 10rem / 2;
    background: red;
  }

</style>

效果图：

解决办法：

[$]

这是因为在CSS中，”/” 已经作为一种符号使用，因此，在Less中做除法运算时，直接使用”/”符号作为除号时，将不会生效，编译时既得不到我们需要的效果，也不会报错。

要修正这个问题，那么只需要给运算的外面添加一个小括号()即可，如下代码：

 <style lang="less"  scoped>

  @base-number:50px;

  .home-page {
    width: 15rem;
    height: (10rem / 2);
    background: red;
  }

</style> 

效果图：

[/$]