Css LESS中的复杂calc()无法按预期工作

Css LESS中的复杂calc()无法按预期工作,css,less,css-calc,Css,Less,Css Calc,我的less文件中有此计算: height: calc((100vh - 60px) + ((100vw / 9) * 3)); 但结果并非我所期望的,在我的chrome开发工具中,结果是: height: calc(73.33333333vh); 它(在我的视窗中)应该是130vh左右,它的方式 我已经试图找到一个解决方案,但无法解决它,而且由于该值更“复杂”的性质,我无法找到可比较的案例。我试过下面的计算,但结果总是错误的 height: calc((~"100vh - 60p

我的less文件中有此计算:

height: calc((100vh - 60px) + ((100vw / 9) * 3));
但结果并非我所期望的,在我的chrome开发工具中,结果是:

height: calc(73.33333333vh);
它(在我的视窗中)应该是130vh左右,它的方式

我已经试图找到一个解决方案,但无法解决它,而且由于该值更“复杂”的性质,我无法找到可比较的案例。我试过下面的计算,但结果总是错误的

height: calc((~"100vh - 60px") + ((~"100vw / 9") * 3)); // breaks, doesnt build CSS
height: ~"calc((100vh - 60px) + ((100vw / 9) * 3))";    // results in invalid height value
有人知道怎么回事吗

非常感谢您的帮助。

经过多次尝试(实际上超过2小时),我发现:

height: ~"calc(calc(100vh - 60px) + calc((100vw / 9) * 3))";
如果有人能让我知道这里的机械知识,请告诉我。这是一个漫长的猜测,我终于找到了这个解决方案后,我开始实施css和较少的变量,并得到了我想要的结果。所以基本上这是两个小时的反复试验