假設我有2列，比如說c1和c2，它們的寬度都是50％。 c1有2個嵌套列c1-1和c1-2，寬度分別爲30％和70％。在響應式網頁設計中，如何確定嵌套列的斷點？
假設c1-1的內容在寬度至少爲150像素時顯示效果最好，即當此屏幕尺寸大於等於1000像素時。在這種情況下，當嵌套列需要在父代之前中斷時，你會做什麼？
我可以在max-width：1000px處設置斷點，並將c1-1和c1-2的寬度設置爲100％，然後在稍後的斷點處，當c1和c2變爲寬度時：100％我重置c1-1和c1-2的寬度分別爲30％和70％？
FWIW，我覺得你應該從考慮要如何在視口中要顯示的頁面內容小於1000像素做點接近這個。
你提到的方法將使：
| --- C1-1 --- | | --- C2-1 --- |
| --- C1-2 --- | | --- C2-2 --- |
另一種選擇是在視口< 1000像素，定義C1和C2作爲全寬和嵌套列作爲30％和70％，即
| - C1-1 - | | ----- C1-2 ------ |
| - C2-1 - | | ----- C2-2 ------ |
它看起來並不像這裏有很大的區別，但它可能是與現實生活中的數據非常重要。
例如，大概是C1-2含量相對重要。不過，在第一個例子中，它可以在頁面上向下推送。另外第二種方法將保持C1和C2內容可視化地組合在一起。
祝你好運！