简析流式布局、响应式网页设计区别

最近在做前端项目的时候，有的客户想把网站做流式布局，或者响应式设计，然后问这两者区别？很纳闷，这两者也比较啊！我们哈先了解两者吧！

流式布局（也称“无限滚动模式”），网页大家看过，没看过我这里举几个例子，花瓣和堆糖他们采用的就是流式布局，看看下图花瓣的一个网页,这么看流式布局更像是一种是设计。

如果想详细了解流失布局，可以看看这个文章 http://toutiao.com/i6197942003482575362/

响应式是什么？则像一种前端技术，不像是设计。屏幕的发展是非常告诉，各种各样尺寸、分辨率的手机，但是它带来一系列的问题，就网页无法不同屏幕上良好的显示，这个时候，作为前端人员通采用响应式。

其实这么看来，两者之间似乎没有什么多大可比性，如果硬要说点什么区别的哇，就是下面两条：

1、流式布局是用于解决类似的设备不同分辨率之间的兼容(一般分辨率差异较少)。

2、响应式是用于解决不用设备之间不用分辨率之间的兼容问题(一般是指PC，平板，手机等设备之间较大的分辨率差异)。

切图网（qietu.com）是一家专门从事web前端开发的公司，专注we前端开发，关注用户体验，欢迎订阅微信公众号：qietuwang