html - 网格布局 - 这可能使用 flexbox 吗？

Question

我目前正在使用以下网格布局:

display: -ms-grid;
-ms-grid-columns: 400px 100px max-content 1fr 50px;
-ms-grid-rows: 1fr 1fr; 

类似于此布局:

| <----------------- this has a fixed width --------------------------> |

+----------+----------+-------------------+-----------------+-----------+
|<- fix -> |<- fix -> | <--- growing ---> | <- shrinking -> | <- fix -> |
+----------+----------+-------------------+-----------------+-----------+
|          |          | max-width content |                 |           |
+----------+----------+-------------------+-----------------+-----------+

现在，为了获得更多浏览器支持，我可以使用 polyfill或者切换到 flexbox 布局(大多数现代浏览器都支持)。上面的布局可以用 flexbox 实现吗？

Answer 1

简而言之:
如果一个或多个单元格具有动态宽度，则不可能基于具有多行和相等大小“列”的 flexbox 布局模型创建布局。