css网格从变量计算分数
我有一个带有css网格从变量计算分数,css,grid,css-grid,css-variables,Css,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; 我还没有成功地
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;
我还没有成功地将变量和分数组合在一起。那么,如果可能的话,怎么做呢
谢谢只要--days show
是无单位的,您就可以使用计算(1fr*var(--days show))
来实现这一点