<分区>
<分区>
我正在尝试使用 CSS calc
函数来计算网页上不同单位的大小。
我有一些用 em
表示的元素高度。我想给它添加一些像素。
calc(3em + 10px)
令人惊讶的是,LESS 生成的结果 CSS 是 calc(13em)
。为什么?
最佳答案
那是你的 LESS 积极地将 calc 编译成一个固定值,同时它应该按原样输出 CSS calc,并让浏览器在运行时进行数学计算。
至于为什么返回 13em,这与在 javascript 中 a 10 + '20' 返回值为 1020 的字符串的方式差不多。
您需要打开 strictMaths,并在您希望实际编译该值时使用额外的(“不必要的”)括号。
阅读有关 strictMaths in Less 的文档.
关于css - LESS calc 函数在加法过程中将 px 转换为 em,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48253014/