Css 为什么我的flexbox项目在这种情况下包装？
我有一个Flexbox行包装设置，如下所示。flex items.project的最大宽度是500px，我有一个medis查询，它使行的最大宽度为1600px，最小屏幕宽度为1800px 在该屏幕大小下，结果是一行2个项目和一行3个项目。当项目的总宽度为1500px时，为什么第三个项目会绕到第二行而不是停留在第一行 如果它需要包装，我希望它在第二行也以同样的方式包装，创建2行和1行 另外，我想不出一个简洁的方式来命名这个问题，所以任何建议我编辑将不胜感激 .行{ 显示器：flex； 柔性流：行换行； 对正内容：空间均匀； 最大宽度：1200px； 保证金：0自动； } .项目{ 颜色：F7B801； 背景色：fff； 宽度：90%； 最大宽度：500px； 盒影：0 3px 6px rgba0,0,0,0.16,0 3px 6px rgba0,0,0,0.23； 过渡：框阴影0.3s立方贝塞尔0.25、.8、.25、1； 保证金：3vh； 填充：30px0； } @介质最小宽度：1800px{ .行{ 最大宽度：1600px； } } 个人项目Css 为什么我的flexbox项目在这种情况下包装？,css,flexbox,Css,Flexbox,我有一个Flexbox行包装设置，如下所示。flex items.project的最大宽度是500px，我有一个medis查询，它使行的最大宽度为1600px，最小屏幕宽度为1800px 在该屏幕大小下，结果是一行2个项目和一行3个项目。当项目的总宽度为1500px时，为什么第三个项目会绕到第二行而不是停留在第一行 如果它需要包装，我希望它在第二行也以同样的方式包装，创建2行和1行 另外，我想不出一个简洁的方式来命名这个问题，所以任何建议我编辑将不胜感激 .行{ 显示器：flex； 柔性流：行
响应性地设计个人项目，采用HTML、CSS和Javascript的三位一体制作
计算器 Twitch.Tv辅助工具 井字游戏 波莫多罗计时器 西蒙说游戏 马上就来！在我看来，你有两个问题： 你的利润。删除flex项目上的页边距。它们可能会占用您内容的空间，并导致最后一项被包装。 您的@media min width:1800px似乎没有启动，因为它是一个非常大的宽度大小，所以最大宽度保持在1200px，这导致最后一个项目被包装。例如，尝试将其设置为100px，您将看到。
请参阅：能否将代码放入Plunk中，以便我们测试其行为？在您的代码中，第三项不会换行到第二行。它保持在第一行。第一行有三个项目，第二行有两个项目。@t3\u请原谅我的无知，我以前从未使用过Plunker。我试着做了一个，但由于某种原因，我的风格都不适用：/@Michael_B这很奇怪，但我觉得不错。我在Firefox的响应设计模式下以1850 x 650的速度观看。DPI为1.25，不确定这是否有区别。我对dpi不太了解。@t3\u\rry这是我失败的Plunker，它将项目的利润率从3vh更改为0 3vh，立即修复了它。谢谢