为什么在calc（）中预先计算视口高度较少？

Question

我在myfile.less中有一个简单的类，看起来像这样：

.myclass {
    width: calc(100vh - 50px);
}

我认为编译的css输出看起来相同。但是，运行“lessc myfile.less”会输出以下内容：

.myclass {
    width: calc(50vh);
}

为什么要进行此更改？ 100％的视口高度减去50像素不一定与50％视口高度相同。我使用较少的v2.5.1通过npm安装，但也尝试恢复到v1.7.5，我得到相同的输出。

Answer 1

你必须使用＆＃34; escape＆＃34;在this answer中对类似问题的建议起作用。

width:calc(100vh ~"-" 50px);