响应式网站是在2010年提出来的，是为了能让网页在不同设备下兼容多个终端，而不是为每个终端特定一种版本。

优点

1.在不同设备下能有不同的页面排版，这也是响应式最大的优点，在分辨率不同，设备环境进行一些不同的设计，所有开发维护和运营上，相对多个版本成本会降低很多。

2.兼容性好，能在不同的设备下浏览。

3.方便后期维护页面，只需要对必要的页面进行修改，不会影响其他页面。

缺点

1.页面加载过多的代码，当你在pc端加载的时候，css样式也会将手机端的冗余代码一块加载，这样就直接影响了加载速度。

2.在响应式设计中，图片和视频都是统一加载的，当你在设备低的手机上加载不符合当前需要的图片或者视频，就会过多的消耗用户的流量。

3.局限性，对于响应式，局限性较大，不适合一些大型的门户网或者电商网站，一般门户网或电商网站一个界面内容较多，而响应式最忌讳较多内容，代码过多会影响运行速度。
对大型门户或电商网站来说，响应式设计目前确实不太适合。因为响应式设计的基本原则是不会因设备不同而给予用户不同的内容（比如在低分辩率设备上删减某些内容），而大型门户或电商网站的单页内容非常多，当缩减到低分辨率设备上，又要保证内容全部可浏览时，必然导致页面拉长，浏览困难度增加。所以很多大型门户或电商网站都会提供一个移动设备版的网站，或者干脆直接让用户缩放网页进行浏览。

响应式的优点与缺点？相关推荐

响应式编程优点有效_Reactive（响应式）编程
Reactor 和Rxjava是Reactive Programming范例的一个具体实现,可以概括为: 反应式编程是一种涉及数据流和变化传播的异步编程范例.这意味着可以通过所采用的编程语言轻松地表达 ...
响应式编程优点有效_什么是响应式编程？
响应式编程是一种通过异步和数据流来构建事物关系的编程模型.这里每个词都很重要,"事物的关系"是响应式编程的核心理念,"数据流"和"异步"是实 ...
linux字体栅格化,响应式开发---网页的布局方式、媒体查询、栅格化布局、less语言...
1.响应式开发介绍 a.网页布局方式 b.响应式布局优点:用一个页面适配不同终端的展示缺点:产生代码冗余,同时使网页体积变得很庞大,不会因为终端的改变而改变网页的体积,不同终端上有些没有显示出来的 ...
SharePoint 2013 的HTML5特性之响应式布局
今天偶然看到一本书<Pro SharePoint 2013 Branding and Responsive Web Development>,看到SharePoint 2013基于HTML ...
flex布局和响应式布局
flex伸缩布局一.是什么 Flexible Box 简称 flex,意为"弹性布局",可以简便.完整.响应式地实现各种页面布局,采用Flex布局的元素,称为flex容器cont ...
（15）：响应式设计
响应式设计,响应式设计的基本原理一.响应式设计是什么 1. 响应式网站设计(Responsive Web design) 是一种网络页面设计布局,页面的设计与开发应当根据用户行为以及设备环境(系统平 ...
8、什么是响应式设计？响应式设计的基本原理是什么？如何做？
简介我这么理解:响应式布局就是一个网站能够兼容多个设备,可以根据屏幕的大小自动调整页面的展示方式以及布局,我们不用为每一个设备做一个特定的版本.响应式网站的特点: 同时适配PC+平板+手机等网站的 ...
14.什么是响应式设计？响应式设计的基本原理是什么？如何做？
一.是什么响应式网站设计(Responsive Web design)是一种网络页面设计布局,页面的设计与开发应当根据用户行为以及设备环境(系统平台.屏幕尺寸.屏幕定向等)进行相应的响应和调整描述 ...
什么是响应式设计？响应式设计的基本原理是什么？如何做
是什么响应式网站设计(Responsive Web design)是一种网络页面设计布局,页面的设计与开发应当根据用户行为以及设备环境(系统平台.屏幕尺寸.屏幕定向等)进行相应的响应和调整描述响应 ...

响应式的优点与缺点？

优点

缺点

响应式的优点与缺点？相关推荐

最新文章

热门文章