常见布局方式
1.静态布局（固定布局）
-
特点：采用设置固定宽度，搭配
margin:0 auto进行盒子水平居中显示进行布局 -
优点：
- 布局简单
- 页面盒子大小固定， 不会产生布局混乱的情况
-
缺点：
- 宽度不会适应屏幕宽度进行变化，可能会产生横向滚动条
- 只适用于pc端布局，在移动端布局中不会采用
2.流式布局（了解）
-
特点：不会将宽度固定，为了适应不同屏幕的大小，采用百分比进行布局，在一定程度上能够适应屏幕大小
-
优点：
- 能够适应部分的小屏幕
- 布局跟静态布局差不多，只是单位进行百分比的改变，布局简单
-
缺点：
- 屏幕过小时，内容无法查看，甚至可能产生页面错乱问题
3.响应式布局
-
主要应用了
媒体查询技术，根据不同大小的屏幕，加载不同的css样式代码 -
优点：
- 适应性好，用户体验感很好
-
缺点：
- 开发者需要针对不同尺寸开发多套css样式代码，工作量大
- 后期维护不方便
4.移动端布局
- 一套针对pc端项目代码，一套针对移动端项目代码
