固定布局：全部使用像素设置大小；

流式布局：盒子设置百分比，可随页面改变大小，但是字体的大小无法更改

弹性布局（flex布局）：根据基准大小，改变字体或页面的大小

响应式布局：根据页面的大小自动调整

自适应布局：先预设一些布局模板，根据机型去判断展示哪个模板

 

可以给body设置  min-width=1200px; 和min-height=800px; 做到当页面小于1200*800时，出现下拉条（vue中在index.html中设置）