固定布局、流式布局、弹性布局、自适应布局、响应式布局

参考视频：UI 设计 固定布局、流式布局、弹性布局、自适应布局、响应式布局科普 新像素_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1hq4y167Yg?spm_id_from=333.999.0.0

目录

1 固定布局 

2 流动布局

3 弹性布局

4 自适应布局

5 响应式布局 

---

1 固定布局 

        又称静态布局。

        由于最开始时人们之间显示器的屏幕大小没有什么差异，因此以像素作为基本单位的布局方式在当时很流行。特点就是宽度都是固定的，所以内容并不会随着浏览器页面的大小而改变，也就是说，因为像素是绝对单位，所以用像素规定了内容有多大，它就会严格地按照大小要求呈现，并且居中布局。