在最窄的那個常見寬度上，一整排版面會擠成一團。
直覺的修法是把字級調小。我們調了三次，每一次都讓某一塊變好、另一塊變糟。
量測本身會說謊
我們用「折了幾行」當指標，而它有兩種說謊的方式。
① 容器被隱藏的時候，寬度是零。 一個收起來的面板量出來的行數永遠是一，看起來完美。
② 溢出被裁掉的時候，行數不增加。 文字超出去了，但容器設定了裁切，量到的仍然是原本的行數。畫面上少了半句話，數字上一切正常。
所以要量的不是行數，是內容的實際高度與容器高度的比值，而且要在元素真的可見的時候量。
真正的病根
窄螢幕上擠成一團，通常不是因為每一個元素太大，是因為沒有任何一個元素被允許退讓。
主要內容、輔助說明、meta 資訊、操作按鈕 —— 每一塊都覺得自己一定要在。寬度變窄的時候它們一起變窄，於是全部都不好。
修法是排優先序
給每一塊一個層級，寫清楚在什麼寬度以下它要做什麼：
- 主要內容：永遠在，永遠完整
- 輔助說明：窄到一定程度就收起來，不縮小
- meta：合併成一行，或只留最重要的一項
- 操作：改成全寬單欄
⭐ 縮字級是把所有東西一起變差。讓路是讓該在的東西維持原來的品質。
