前端常见布局

前端常见布局

---

---

1.第一种：静态布局(pc网站静态布局){min-height,min-width,max-height,max-width}
静态布局就是常见的（大多数的）网站布局。
2.第二种：流式布局（栅栏系统，网格系统），使用百分比作为单位，将页面分成了12份，每一份约占比8.33%，在浏览器窗口大小调整时，会自动收缩。
3.第三种，自适应布局（通常用媒体查询），媒体查询：@media only screen and(条件){设置对象的样式}。
4.第四种：响应式布局（是媒体查询+流式布局+静态方法）。
5.第五种：弹性布局（flex布局）常见布局模型（圣杯布局即双飞翼布局），flex布局中用em或rem作为单位，em是相对于本身来说，rem相对于根元素（即html来说的）。