代码之家 › 专栏 › 技术社区 › ryan

如何使用css3 calc函数内的变量与更少?

less css3 css

0

ryan · 技术社区 · 6 年前

我用的是数学选项 parens-division . 请不要建议使用strict/legacy来解决此问题。

我最终想要的是: calc(100% - 13.75rem)

但是,我想在我的定义中使用变量。我和帕伦斯分部

@subtract: (220/16rem); // hack to work-around nested math interpretations
.zzz {
    width: calc(~"100% -" @subtract);
}

在更新了我的一些构建之后,我开始在 (220/16rem) 所以现在我试过了

@subtract: (220/16); // hack to work-around nested math interpretations
.zzz {
    width: calc(~"100% - @{subtract}rem");
}

但是没有成功。感谢帮助

1 回复 | 直到 6 年前

1

epanalepsis 6 年前

我发明了一支钢笔来测试你的解决方案组合。

@subtract: (220/16rem); // hack to work-around nested math interpretations
.zzz {
    background: red;
    height: 50px;
    width: calc(~"100% - @{subtract}");
}

https://codepen.io/anon/pen/dgZWVe