less中使用calc计算高度注意事项

less中使用calc计算高度注意事项

我们知道,在css中我们可以使用100vh表示屏幕高度,我们还可以通过calc(expression)来动态计算宽高,于是便有了如下代码:

height: calc(100vh - 50px);

然而事与愿违,我们得到的结果却是这样的:

我们得到的是50vh,相当于屏幕高度的一半。

google一波,我们修改代码如下:

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

此时看效果,已然正常。

参考

https://stackoverflow.com/questions/42548630/css3-calc-minus-vh-with-pixel/42556033


版权声明:本文为qq_26287435原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。