场景一：主动切分子页
实现下面布局：依据容器大小主动装填对话。当一段对话过大时，放大字号以适应容器大小。
场景二：文字区域大小自适应
实现上图布局：容积大小肯定，当内容能够被失常搁置的时候失常解决，当内容超出容器的时候放大字号填满容器。
场景三：每排三个卡片适应
实现上图的布局：3 个一排，小于 3 个从左往右顺次排列。
场景四：内容左，整体居中
实现下面的布局：在长度长短不一的段落中要放弃所有段落的内容居左显示，段落外的一层容器在页面两头显示。
参考资料：
- https://zhuanlan.zhihu.com/p/…