场景一：主动切分子页

实现下面布局：依据容器大小主动装填对话。当一段对话过大时，放大字号以适应容器大小。

场景二：文字区域大小自适应

实现上图布局：容积大小肯定，当内容能够被失常搁置的时候失常解决，当内容超出容器的时候放大字号填满容器。

场景三：每排三个卡片适应

实现上图的布局：3个一排，小于3个从左往右顺次排列。

场景四：内容左，整体居中

实现下面的布局： 在长度长短不一的段落中要放弃所有段落的内容居左显示，段落外的一层容器在页面两头显示。

参考资料：

  • https://zhuanlan.zhihu.com/p/...