固定布局：全部使用像素设置大小；
流式布局：盒子设置百分比，可随页面改变大小，但是字体的大小无法更改
弹性布局（flex布局）：根据基准大小，改变字体或页面的大小
响应式布局：根据页面的大小自动调整
自适应布局：先预设一些布局模板，根据机型去判断展示哪个模板
可以给body设置 min-width=1200px; 和min-height=800px; 做到当页面小于1200*800时，出现下拉条（vue中在index.html中设置）
固定布局：全部使用像素设置大小；
流式布局：盒子设置百分比，可随页面改变大小，但是字体的大小无法更改
弹性布局（flex布局）：根据基准大小，改变字体或页面的大小
响应式布局：根据页面的大小自动调整
自适应布局：先预设一些布局模板，根据机型去判断展示哪个模板
可以给body设置 min-width=1200px; 和min-height=800px; 做到当页面小于1200*800时，出现下拉条（vue中在index.html中设置）