Html Flexbox网格比例缩放

我有一个flexbox布局，实际上是3 x 3，但我可以用2 x 2来说明

.grid容器{
宽度：480px；/*最大值*/
显示器：flex；
柔性流：行换行；
}
.网格单元{
弹性：1；
背景：#ccc；
宽度：50%
}

---

而不是

宽度：33%

尝试

flex:0 0 33%

.grid容器{
显示器：flex；
柔性流：行换行；
}
.网格单元{
弹性：0.33%；
背景：#ccc；
框大小：边框框；
填充物：5px；
}
img{
宽度：100%；
}

所以，将flex拆开意味着“与兄弟姐妹相比不要缩小，不要增长……但要占据33%的空间”？非常感谢。当你看到它的时候，很明显。我在比例网格系统上找不到其他任何东西，所以这个问题可能站得住脚。是的，如果您可能想要两个图像网格，您只需使用

flex:050%

等等。宽度：100%图像将适合flex项目。