# 移动端常见布局

  • 单独制作
    • 流式布局(百分比布局)
    • flex 弹性布局(强烈推荐)
    • less+rem+媒体查询布局
    • 混合布局
  • 响应式
    • 媒体查询
    • bootstarp

流式布局

流式布局,就是百分比布局,也称非固定像素布局

通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充

流式布局方式是移动web开发使用的比较常见的布局方式

最大宽度:max-width(高同理)

最小宽度:min-width