关于css:移动端常见布局方案

44次阅读

共计 252 个字符,预计需要花费 1 分钟才能阅读完成。

场景一:主动切分子页

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

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

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

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

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

场景四:内容左,整体居中

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

参考资料:

  • https://zhuanlan.zhihu.com/p/…
正文完
 0