CSS 排版詞條 3-27
響應式斷點Breakpoint
也常叫做：斷點、Breakpoint、媒體查詢寬度
你可能會這樣說
桌機版排得很好，但手機畫面太窄，卡片擠在一起。
白話解釋
響應式斷點是版面因螢幕寬度而切換配置的界線。例如螢幕夠寬時顯示三欄，低於某個寬度就改成單欄。通常用 CSS 媒體查詢設定。
斷點應依內容何時開始擠壓來選，不必硬套某一種手機或平板型號。
親手試試
寬螢幕
內容空間足夠，卡片可以並排顯示。窄螢幕
空間不足時切換成較少欄或單欄，避免內容擠在一起。這樣對 AI 說
中文就可以
請檢查卡片版面在哪個寬度開始互相擠壓，再設定響應式斷點：空間足夠時三欄，中等寬度兩欄，手機一欄。請說明你選的寬度和原因。