点选下方「web后端页面结构设计

一、甚么是积极响应式？

积极响应式产业布局是Ethan Marcotte在2010年5月末明确提出的两个基本概念，具体来说，是两个中文网站能相容数个终端产品——而并非为每一终端产品做两个某一的版。那个基本概念是为化解终端互联网下载而问世的。

积极响应式产业布局能为相同终端产品的采用者提供更多更为宽敞的介面和更快的采用者新体验，所以随著现阶段大萤幕终端电子设备的普及化，用“必然趋势”来比喻也称不上。随著愈来愈多的结构雕塑家选用那个控制技术，他们不但看见许多的技术创新，还看见了许多成型的商业模式。

积极响应式页面结构设计考虑到多网络平台、多种不同萤幕体积的情形，能为相同终端产品的采用者提供更多更为宽敞的介面和更快的采用者新体验。当你不晓得采用者采用甚么电子设备，不晓得采用者的萤幕体积时，又想达至更优产业布局，所以能采用积极响应式结构设计。积极响应式页面结构设计是两个中文网站能相容数个终端产品。

二、积极响应式的控制技术同时实现？

积极响应式页面结构设计由流体产业布局、媒介查询、弹性图片三种控制技术同时实现。

1、流体产业布局

原特指以百分比为度量单位的产业布局控制技术同时实现方式。在积极响应式结构设计的产业布局中，不再以像素（px）作为唯一单位，而是选用百分比或者混合百分比、像素为单位，结构设计出更具灵活性的产业布局方式。

2、媒介查询

媒体查询能让你根据在某一环境下查询到的各种属性值——比如电子设备类型、分

3、弹性图片

伴随产业布局的弹性，图片作为信息重要的形式之一也必须有更灵活的方式去适应产业布局的变化。扩大研究范围：除了图片，还应该包括图标、图表、视频等信息内容的积极响应方式。

三、图例展示

四、积极响应式的优缺点

优点：

1、面对相同分辨率电子设备灵活性强

能快捷化解多电子设备显示适应问题

2、开发成本低，门槛低

Native APP：Objective-C or Java – 学习成本高

Hybrid APP： 外壳+Web APP，需安装。

积极响应式Web APP：HTML5+JS+CSS – 门槛低，极易上手，迭代快

3、跨网络平台和终端产品且不需要分配子域

虽然可通过监测采用者UA来判断采用者终端产品后做跳转，但它还是分配了数个域，

而积极响应式无需监测采用者UA没有域的切换，只需根据终端产品类型来适配相同的功能模块与表现样式，

它是跨网络平台和终端产品的，1页面适配多终端产品。

PC – http://qzone.com

Mobile – http://m.qzone.com

积极响应式：PC & Mobile – http://qzone.com 无需跳转

4、本地存储

Web App能利用本地存储的特性将重要和重复的数据保存在本地，避免页面的重复刷新，

减少重要信息在传输过程中被泄露，增量传输修改内容。

缺点：

1、加载需要一定的时间 虽然，它并非两个大问题，在积极响应式结构设计中，需要下载许多看起来并不必要的HTML/CSS。除此之外，图片并没有根据电子设备调整到合适大小，而这正是导致加载时间加倍的原因。

2、优化搜索引擎 对于积极响应式Web结构设计，为搜索引擎确定关键字并非一件容易的事。因为相比一般桌面采用者，终端采用者多选用相同的关键字，修改标题及其他事项都比较困难。

3、时间花费 开发积极响应式中文网站是一项耗时的工作。如果你计划把两个现有中文网站转化成积极响应式中文网站，可能耗时更多。如果你想要两个积极响应式中文网站，最好从草图开始重新结构设计。

声明：本文章来自互联网分享如涉及到版权问题请联系客服处理谢谢！

点选“阅读全文”，加入交流学习群