css - LESS calc 函数在加法过程中将 px 转换为 em

标签 css less calc

<分区>

我正在尝试使用 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/

上一篇:javascript - 通过单击背景区域关闭灯箱窗口?

下一篇:javascript - 如何在javascript中为位置绝对元素设置边界

相关文章:

css - IE7 CSS 分组

javascript - 从上到下在页面中间居中网站

html - 无法添加 100% 高度的 div,并保持现有内容垂直对齐

css - 'transition-timing function' 上的 less jumps 语法错误

css - Less:除以变量?

formula - 如何更改 libreoffice calc 公式的语言?

html - 我的网站没有响应媒体查询

css - 内部服务器错误 500.19::.less mimeMap

CSS calc() 与多个单位相乘

css - calc() 返回百分比,而不是像素?