fr
flexbox 布局中(分数)单元的最佳类比是什么?我在考虑flex: 1
但不确定它是否是增长/收缩行为的最佳匹配。
我想要做的是为网格布局做一个后备,以便它在 IE11 中工作。我有一个网格语句grid-template-columns: 11.25rem 1fr;
,我无法在 IE 中工作(即使使用自动前缀添加-ms-grid-columns
列仍然堆叠在彼此之上)。
所以我想也许只是使用这样的东西在 IE 的 flexbox 中实现它:
.container {
max-width: 46rem;
.parent {
display: flex;
& :first-child {
inline-size: 11.25rem;
}
& :last-child {
flex: 1;
}
}
}
Run Code Online (Sandbox Code Playgroud)