移动端常见布局

移动端布局和我们以前学习的PC端有所区别：

单独制作移动端页面（主流）

• 流式布局（百分比布局）
• flex弹性布局（强烈推荐）
• less+rem+媒体查询布局
• 混合布局

响应式页面兼容移动端（其次）

•   媒体查询
•   bootstrap

 

流式布局

• 流式布局，就是使用百分比布局，也称为非固定像素布局。
• 通过合资的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充
• 流式布局方式是移动web开发使用的比较常见的布局方式
• max-width 最大宽度（max-heigh 最大高度）
• min-height 最小高度（min-height 最小高度）