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> 

效果图:

[/$]

如果觉得文章有帮助到你,可以扫描以下二维码
   请本文作者 喝一杯
pay_weixin pay_weixin

“Less 无法进行除法运算的问题”的5个回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注