响应式布局:简单点说,就是做一套产品能同时能兼容多个终端,由一个产品转变成多个产品,为我们大大节省了资源。响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。

响应式开发,首先我们应该遵循移动端优先,交互和设计以移动端为主,pc则作为移动端的扩展,一个页面需要兼容不同终端,那么有两个关键点是我们需要去做到响应式的:响应式布局和响应式内容(图片、多媒体)。

接下来,用 越想互联 的官网截图给大家分享一下响应式设计在不同设备上的展示情况。

首先是PC端:




ipad端:




苹果6plus:


那么响应式布局的优点和缺点又有哪些呢?

 

优点:

1.面对不同分辨率设备灵活性强

 2.能够快捷解决多设备显示适应问题

缺点:

1.不能完全兼容所有浏览器

2.代码累赘,加载时间加长

所以不是所有网站都适合做成响应式的,应该根据具体情况具体分析。