假设我有2列，比如c1和c2，两者都有宽度：50％。 c1有2个嵌套列，c1-1和c1-2，宽度分别为30％和70％。
假设c1-1的内容在宽度至少为150px时显示最佳，也就是说，当此屏幕尺寸> = 1000px时。在这种情况下，当嵌套列需要在父级之前中断时，你会做什么？
我可以在最大宽度设置断点：1000px，并将c1-1和c1-2设置为宽度：100％，然后在稍后的断点处，当c1和c2变为宽度：100％时，I将c1-1和c1-2复位为宽度30％和70％？
答案 0 :(得分：1)
FWIW，我认为你应该从如何在低于1000px的视口中显示页面内容的角度来看待这个问题。
你提到的方法会给出：
| --- C1-1 --- | | --- C2-1 --- |
| --- C1-2 --- | | --- C2-2 --- |
另一种选择是在viewports＆lt; 1000px，将C1和C2定义为全宽，嵌套列定义为30％和70％，即
| - C1-1 - | | ----- C1-2 ------ |
| - C2-1 - | | ----- C2-2 ------ |
在这里看起来并没有什么大不同，但它对现实生活数据来说可能很重要。
例如，推测C1-2含量相对重要。但是在第一个例子中，它可以在页面下推得很好。第二种方法也将C1和C2内容视觉上分组在一起。
祝你好运！