css网格从变量计算分数

时间:2018-01-12 22:15:54

标签: css css3 grid css-grid css-variables

我有一个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;

我还没有成功地将变量和分数组合在一起。如果可能的话,怎么办呢?

由于

1 个答案:

答案 0 :(得分:1)

只要calc(1fr * var(--days-shown))无单位,您就可以使用--days-show来实现这一目标。