
calc混合运算单位丢失
在less中,calc(100% – 40px) / 4运算时,结果变成了calc(15%)。出现该问题的根本原因在于:less中,带单位混合运算会被忽略单位,全部按百分比计算。
解决方法
有两种解决方法:
吐槽大师
吐槽大师(Roast Master) – 终极 AI 吐槽生成器,适用于 Instagram,Facebook,Twitter,Threads 和 Linkedin
94 查看详情
方法一:使用转义符
calc((~"100% - 40px") / 4)
该方法使用转义符~”保留calc表达式中像素单位。
方法二:使用变量
@myHeight: 30px;calc((~"100% - @{myHeight}") / 4)
该方法定义一个名为@myheight的变量,将像素值存储在变量中,然后在calc表达式中使用该变量。
以上就是Less中calc混合运算单位丢失怎么办?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1165022.html
微信扫一扫
支付宝扫一扫