响应式网站设计(Responsive Web design)的理念是:
  页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了。

技术手段: Html5+css3 +jquery+php,后台可管理

应用领域:
  手机、ipad等移动设备终端全站自适应浏览,图片及文字直观浏览
  
优势:
  1、 兼容主流分辨率,图片行数或列数随分辨率自动适应;
  2、 图片变换效果平滑、用户体验性好;
  3、 应用到手机或平板电脑上,可浏览首页全部图片效果,图片及文字展现完整,加载速度快,不用放大或缩小浏览;
  4、 应用到宽频显示器可全屏展示自适应;
  5、 手机端与pc端共用一套后台及数据库,数据同步更新;

后台功能
  管理员通过后台可对图片及文字进行增加、删除及修改,图片展示区需满屏覆盖,栏目分类设置在顶部或底部,左侧及右侧不设置栏目分类