网页四大布局

当前网页方式大概有四种

1. 静态布局
   窗口缩小后内容被遮挡时，拖动滚动条显示布局
   设计方法：
   pc端，居中显示，分辨率变化时，通过拖动条显示布局，
   移动端：另外建立移动网站，以m.域名为域名

2. 自适应布局
   网页内容随这分辨率改变高度或者宽度，但是内容和位置不会发生变化
   设计方法：把宽度px值换成百分比，文字px单位换算成em单位

3. 响应式布局
   在不同的屏幕中，都能自动调整布局和分辨率。并且会根据终端自动选择舍弃一部分内容显示，但主要内容是不会被舍弃的。响应式是一种全新的设计思维。

4. 瀑布流布局
   瀑布流布局可以理解为网页中的一种样式，网站的内容一层层往下加载，像微博、今日头条这种网站的消息加载就应用了流式布局。

静态布局是一种比较老的网页布局方式，毫无灵活性可言，目前已逐渐被淘汰。自适应布局可看作静态布局的升级版，响应式布局是自适应布局的升级版，流式布局作为一种布局样式，可适用于其他三种网站布局。响应式布局因为其强大的灵活性，已逐渐成为高端网页的代名词。企业如果开发响应式网站，就能实现一次设计，普遍适用。后期只需维护一个网站。