网格布局 - 这是否可以使用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布局模型创建布局是不可能的，该布局模型具有多个行和相等大小的“列”。