CSS网格从变量计算分数

Question

我有一个带有display: grid;的div

我正在使用 css 属性/变量来创建一个动态网站，然后我通过 javascript 对其进行更新。

我设法使用 scss 实现了这一目标

grid-template-columns: var(--user-column-width) $days-shown + unquote('fr');

问题是，有没有可能有类似的东西

grid-template-columns: var(--user-column-width) var(--days-shown)fr;

我还没有成功地将变量和分数组合在一起。那么如果可以的话，怎么做呢？

谢谢

Answer 1

您可以使用calc(1fr * var(--days-shown)) 来实现这一点，只要--days-show 是无单位的。