关于css：使用javascript计算的值更少


using javascript calculated values in less

我用下面的代码来计算窗户的高度。

1
@winheight:`$(window).height()`

我得到的是一个数字，但当我加上px后，就有了这个单位，

1
height: @winheight px;

号

它将编译成类似于height: 910 px的东西。

我也试着在javascript评估之后使用这个单元。但我得到了同样的结果。

1
2
3
4
5
@winheight:`$(window).height()`px
height: @winheight;
...

height:910 px;

我怎样才能得到height:910px(没有数字和单位之间的空间)？

编辑：

对于前四个结果，它创建了一个字符串height:"910px"，但不能正确呈现。

只需使用字符串插值，然后使用~从字符串中退出：

1
2
3
@winheight:`$(window).height()`;

height: ~"@{winheight}px";

。

相关讨论

取.css(height)代替.height()——返回值+单位。

给出这个代码，看看你得到了什么。

1
@winheight:0px + `$(window).height()'
相关讨论

这可能会起作用，这取决于我不太了解的情况。

阅读文档是可能的。

1
@winheight:0px + `$(window).height()`

。

相关讨论

这个怎么样：

1
@winheight:`$(window).height().toString() +"px"`

试试这个

1
2
@winheight:`$(window).height()+"px"`
height: @winheight;

因为.height()只返回单位减去像素值。
或者使用以下内容

1
2
@winheight:`$(window).css("height")`
    height: @winheight;

号

.css("height")返回带单位的值

相关讨论

替换空白空间对您有帮助吗？尝试阅读以下答案：用javascript中的下划线替换空格？