故事的起源是這樣的，項目中有這么一個需求~PRD文檔中有這么一句話，如圖，
間距自動調整

PRD文檔.png

依常理推斷，應該是這個意思，如圖，
如果沒有問題1，則如圖2所示區域整體上升到問題1的位置。

常理推斷.png

然而，答案不止一個，我們還有另一種方式 的自動調整間距，請看 行程列表 。

行程列表.png

即外部整體（大矩形）等高，內部局部（小矩形）根據內容自動調整間距。

我們究竟何去何從，怎么設計產品體驗更好。

不要著急拍腦袋做決定，我們進一步分析。

首先，具體的問題是后臺動態可配，不是我們前端客戶端寫死，
那么，會不會有這種case，假設登錄注冊只有1個小類問題，而線下服務有7個小類問題，嚴重不對稱，
如果這樣，那么行程列表式的自動調整間距，1:7，那1多空，肯定不行。

行程列表式的自動調整間距.png

而且，常見問題式的自動調整間距也會顯得整體不協調。

常見問題式的自動調整間距.png

所以，針對這種case，我們規定首頁最多顯示兩個，維持整體的協調性。

綜合各種考慮，我們現在的做法是，先維持這兩套 自動調整間距的邏輯。
理由：
對比兩個頁面，行程列表每一項多了一條明顯的分割線，如果像常見問題這樣造成框整體大小不一從整體看真是相當難看。
而客服中心沒這條明顯的分割線，整體比較統一，如果像行程列表保證整體框的統一會顯得有點空。

分割線.png

以小見大，從一個自動調整間距小case入手，開發助力產品不斷打磨需求，優化體驗，產品可以更優雅。

權興權意，產品可以更優雅~
珍惜原創成果，轉載請注明出處哈。