故事的起源是这样的，项目中有这么一个需求~PRD文档中有这么一句话，如图，
间距自动调整
PRD文档.png
依常理推断，应该是这个意思，如图，
如果没有问题1，则如图2所示区域整体上升到问题1的位置。
常理推断.png
然而，答案不止一个，我们还有另一种方式 的自动调整间距，请看 行程列表 。
行程列表.png
即外部整体（大矩形）等高，内部局部（小矩形）根据内容自动调整间距。
我们究竟何去何从，怎么设计产品体验更好。
不要着急拍脑袋做决定，我们进一步分析。
首先，具体的问题是后台动态可配，不是我们前端客户端写死，
那么，会不会有这种case，假设登录注册只有1个小类问题，而线下服务有7个小类问题，严重不对称，
如果这样，那么行程列表式的自动调整间距，1:7，那1多空，肯定不行。
行程列表式的自动调整间距.png
而且，常见问题式的自动调整间距也会显得整体不协调。
常见问题式的自动调整间距.png
所以，针对这种case，我们规定首页最多显示两个，维持整体的协调性。
综合各种考虑，我们现在的做法是，先维持这两套 自动调整间距的逻辑。
理由：
对比两个页面，行程列表每一项多了一条明显的分割线，如果像常见问题这样造成框整体大小不一从整体看真是相当难看。
而客服中心没这条明显的分割线，整体比较统一，如果像行程列表保证整体框的统一会显得有点空。
分割线.png
以小见大，从一个自动调整间距小case入手，开发助力产品不断打磨需求，优化体验，产品可以更优雅。
权兴权意，产品可以更优雅~
珍惜原创成果，转载请注明出处哈。
