流式布局,也叫百分比布局,是移动端开发中经常使用的布局方式之一。

流式布局的特征:

宽度自适应,高度写死,并不是百分百还原设计图。
图标都是固定死大小的,包括字体等也是固定死的。并不是所有的东西都是自适应的。
一些大的图片,设置宽度为百分比自适应即可,随着屏幕大小进行变化,对于小图标或者文本等, 一般都是定死宽高大小。

经典的流式布局结构:

  1. 左侧固定,右侧自适应
  2. 右侧固定,左侧自适应
  3. 两侧固定,中间自适应(圣杯布局,双飞翼布局)
  4. 等分布局

 流式布局

 

 三栏布局

流式布局

相关文章:

  • 2022-12-23
  • 2021-11-29
  • 2021-12-09
  • 2022-12-23
  • 2021-12-02
猜你喜欢
  • 2022-12-23
  • 2021-11-09
  • 2022-12-23
相关资源
相似解决方案