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 是无单位的。