静态、自适应、瀑布流、响应式四种网页布局有什么区别？

奈斯

静态、自适应、瀑布流、响应式四种网页布局有什么区别？

这个问题，百度也有很多答案。但小编看完，只想送他们下面张图。

                               
登录/注册后可看大图

而你看到的这篇，应该是目前最简单易懂的版本了。

静态布局：注意这个静态不是网站不会动的意思，而是不管浏览器多大，当初设置的网页大小也不会改变。如果要用手机访问，横向和竖向都会有滚动条，不能缩放大小。当然也存在部分是可以缩放大小的，但是分辨率不会改变。

自适应布局：网页内容自动适应屏幕分辨率变化，但是数量和位置不会发生变化。像下面这种：

                               
登录/注册后可看大图

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

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

                               
登录/注册后可看大图

静态、自适应、流式、响应式四种网页布局的区别？

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

响应式网站要普遍适应市面上各类屏幕，开发难度和工作量都是非常大的，开发价格自然比普通网站高。但是在全网营销的大背景下，企业如果为了省钱，只能另外再开发手机站，这样算起来价格就很不划算了。建站宝盒目前做出来的网站全部都是响应式的，而且不用懂代码也能做，直接套取模板就能做，支持HTML5动态效果，普通企业展示型网站建设低至870元/年，是中小企业的不二选择。

    免费试用地址：http://www.iisp.com/design/free-site.php?s=zxl

OneDirection

我也是坐沙发的

JustinBieber

回个帖子，下班咯~