less中使用calc计算高度注意事项
2019-07-13 本文已影响0人
tinyvampirepudg
less中使用calc计算高度注意事项
我们知道，在css中我们可以使用100vh表示屏幕高度，我们还可以通过calc(expression)来动态计算宽高，于是便有了如下代码：
height: calc(100vh - 50px);
然而事与愿违，我们得到的结果却是这样的：
image
我们得到的是50vh,相当于屏幕高度的一半。
google一波，我们修改代码如下：
height: calc(~"100vh - 50px");
此时看效果，已然正常。
image
参考
https://stackoverflow.com/questions/42548630/css3-calc-minus-vh-with-pixel/42556033
