Less中的变量操作

时间:2012-01-19 01:54:51

标签: javascript jquery css less

所有
我想计算页面的高度,并在我的test.less

@clientHeight:`$(window).height()`;

当我使用@clientHeight时,因为jquery只返回一个数字,我需要加上像px这样的单位 所以,我试过这些方法:
1)

div{height: @clientHeight+px;

出来了:
height: 705 px; (注意它们之间有空格)
2)

@clientHeight:`$(window).height()+'px'`

出来了:
height: "705px";

3 个答案:

答案 0 :(得分:4)

我知道这已经很长时间了,但是如果你或其他任何人碰巧仍在寻找答案,这对我有用:

@clientHeight: unit(`$(window).height()`, px);

来自LESS功能参考:

  

单元

     

删除或更改维度的单位

答案 1 :(得分:3)

我发现了一个难以理解的技巧0px+@clientHeight

答案 2 :(得分:-1)

尝试此操作以从返回的高度值中删除空格:

@clientHeight: `$.trim( $(window).height() ) + 'px'`;

(如果不以这种方式处理,请解析此问题,抱歉不使用less.js,无法对其进行测试)。

..或使用普通str.replace(' ', '');