在使用less预处理器处理样式时,用到calc计算属性,如下calc(100% - 44px); 编译后,浏览器查看该元素的样式得到calc(56%);反复检车书写格式,并没有错,然后查阅资料,修改为 calc(~"100% - 44px");但是这样稍显繁琐,于是查看less版本,发现是2.x的版本,然后升级到3.x的版本就不需要加~符号了,方便多了,注意升级less版本后,需要重新启动才能生效,记录下,分享给可能遇到同样问题的朋友。
解决less打包后calc计算错误的问题
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 对于前端er来说,Less或Sass已经是一项必备的基本技能,有了这个利器,可以省下前端开发者的很多编码时间,让你...
- css中写法div {width : calc(100% - 30px);}less中 由于less的计算方式跟c...
- 场景:在less中,calc(100% - 40px )等带单位混合运算会被less解析忽略单位,全部按照百分比计...