【问题标题】:Adding a unit to calc将单位添加到计算
【发布时间】:2020-05-07 21:48:16
【问题描述】:

使用calc时,如何添加单位?

我尝试了以下方法:

font-size: calc(((768 / 100) * 6) / 16)rem;

font-size: calc(((768 / 100) * 6) / 16) rem;

font-size: calc(((768 / 100) * 6) / 16) + rem;

font-size: unit(calc(((768 / 100) * 6) / 16), rem);

我正在使用 LESS 编译器,但在 LESS 文档中找不到任何关于如何使用的指示。

编辑 - 我也试过删除'calc':

font-size: ((768 / 100) * 6) / 16 rem

这个输出:font-size: 2.88 rem

你怎么能用这个号码加入'rem'?

【问题讨论】:

  • 数字和单位之间的空格被忽略。 2.88 rem 被视为与 2.88rem 相同
  • 就这么简单:font-size: calc(((768 / 100) * 6rem) / 16); ?或font-size: calc((((768 / 100) * 6) / 16) * 1rem); ?

标签: css less css-calc


【解决方案1】:

你可以少用这样的代码

font-size: ((768 / 100) * 6) / 16rem;

在编译中你可以得到这个 CSS

 font-size:2.88rem;

【讨论】:

    猜你喜欢
    • 2016-07-01
    • 2012-05-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-12-04
    • 2017-05-13
    相关资源
    最近更新 更多