Css 在响应式web设计中，如何确定嵌套列的断点？

假设我有两列，比如c1和c2，它们的宽度都是50%。c1有两个嵌套列，c1-1和c1-2，宽度分别为30%和70%

假设c1-1的内容在宽度至少为150px时显示得最好，也就是说，当屏幕大小>=1000px时。在这种情况下，当嵌套列需要在父列之前断开时，您会怎么做

---

我可以在最大宽度为1000px处设置断点，并将c1-1和c1-2设置为宽度为100%，然后在稍后的断点处，当c1和c2变为宽度为100%时，我可以将c1-1和c1-2重置为宽度为30%和70%

FWIW，我认为您应该从如何在小于1000px的视口中显示页面内容的角度来处理这个问题

你提到的方法将提供：

|----C1-1----C2-1----br> |---C1-2----|--C2-2----|

另一个选项是在小于1000px的视口中，将C1和C2定义为全宽，将嵌套列定义为30%和70%，即

|-C1-1-| |----C1-2------|
|-C2-1-| |-------C2-2------|

这看起来并没有什么大的区别，但对于现实生活中的数据来说可能很重要

例如，推测C1-2含量相对重要。但在第一个示例中，它可以很好地向下推。另外，第二种方法将保持C1和C2内容在视觉上分组在一起

祝你好运