在web开发中，使用calc()方法调整元素高度以适应不同屏幕大小时，遇到calc计算值与预期不符的问题。原因是浏览器自动转换了单位。通过在less中使用转义（Escaping）方法，解决了单位被修改的问题，使页面显示正常。
calc计算宽高与实际值不符
在web页面中，针对不同屏幕大小，合理的使用 calc() 方法可以让页面拥有更好的体验性。在使用此方法时只要稍微注意运算符前后有空格即可，然而今天遇到的情况让我觉得我又tm涨姿势了～
情况是这样的：
要给一个列表加一个高度，超出高度后进行滚动，由于我用的是笔记本，生产环境基本上都是使用的台式机，写死固定高度肯定不行，于是写成了这样
height: calc(100vh - 291px);
overflow: auto;
Everything looks like perfect !
然我跑到页面看下结果，结果眼前一片 #fff ， 紧接着跑到样式的地方一瞅竟然神奇的变成了
最低0.47元/天 解锁文章
扫一扫
619
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
