css 网格根据变量计算分数

Question

我有一个 div 和 display: grid;

我正在使用 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 是无单位的。