美文网首页
less下calc混合单位运算

less下calc混合单位运算

作者: kamifun | 来源:发表于2017-01-04 09:26 被阅读0次

问题

在less中,使用calc(100% - 7px)或者calc(100% - 7rem)的结果都是calc(93%)。

解法

可以使用e("calc(100% - 7px)")或者e("calc(100% - 7rem)")实现理想中的运算。
e函数用来直接返回传入的字符串内容,不包括引号,从而绕过less的解析换算。

相关文章

  • less下calc混合单位运算

    问题 在less中,使用calc(100% - 7px)或者calc(100% - 7rem)的结果都是calc(...

  • vue在less中使用calc 的问题

    场景:在less中,calc(100% - 40px )等带单位混合运算会被less解析忽略单位,全部按照百分比计...

  • Gulp-less编译calc

    最近用gulp-less编译less文件,在用calc计算方法时,css的计算方法和less冲突,导致运算错误,试...

  • less基础学习记录总结

    目录 变量 混合 带参数混合 嵌套规则 运算 Color函数 命名空间 作用域 Importing 变量 less...

  • Less calc() 单位兼容问题

    目标:实现某个不固定高度的container中的元素居中 分析: 不固定高度的container高度的一般可用50...

  • calc(100vh - 90px)

    正常:calc(100% - 90px)less: calc(~"100% - 90px")

  • 关于css,calc要注意的

    1、要主要空格:运算符号两边都价格空格 width: calc( 50% - 20px ) 2、在less中使用时...

  • TikZ坐标运算概览

    前提 务必启用calc库:\usetikzlibrary{calc} 坐标运算指令应置于($...$)内,其运算结...

  • Calc的使用

    calc()= calc(四则运算) 常见用法:calc(50% - 10px) 需要注意的是,运算符前后都需要保...

  • doc---less使用总doc结

    1、Less里加入calc时的问题 div { width : calc(100% - 30px); } 结果Le...

网友评论

      本文标题:less下calc混合单位运算

      本文链接:https://www.haomeiwen.com/subject/urlovttx.html