防止 Flexbox 溢出的快速技巧

我又遇到了一个问题（😅），我的弹性项目在一个浏览器中无法收缩到某个点以下，而在另一个浏览器中却不行（例如，在 Chrome 中可以，但在 Firefox 中不行）。结果发现，一行代码就能解决：添加min-width: 0;到项目中。

.flex-container {
    display: flex;
}

.flex-item {
    flex: 1 1 0;
    min-width: 0;
}