假设我有 2 列，比如 c1 和 c2，宽度：50%。c1 有 2 个嵌套列，c1-1 和 c1-2，宽度分别为 30% 和 70%。
假设 c1-1 的内容在宽度至少为 150px 时显示最佳，即当此屏幕尺寸 >= 1000px 时。在这种情况下，当嵌套列需要在父列之前中断时，您会怎么做？
我可以在 max-width:1000px 处设置断点，并将 c1-1 和 c1-2 设置为 width:100%，然后在稍后的断点处，当 c1 和 c2 变为 width:100% 时，我重置 c1- 1 和 c1-2 的宽度分别为 30% 和 70% ？
FWIW，我认为您应该从希望页面内容如何在小于 1000 像素的视口中显示的角度来处理这个问题。
您提到的方法将给出：
| --- C1-1 --- | | --- C2-1 --- |
| --- C1-2 --- | | --- C2-2 --- |
另一种选择是在视口 < 1000px，将 C1 和 C2 定义为全宽，将嵌套列定义为 30% 和 70%，即
| - C1-1 - | | ----- C1-2 ------|
| - C2-1 - | | ----- C2-2 ------|
这里看起来差别不大，但对于现实生活中的数据来说可能很重要。
例如，想必C1-2的含量是比较重要的。不过，在第一个示例中，它可以很好地推到页面下方。第二种方法也将 C1 和 C2 内容在视觉上分组在一起。
祝你好运！