文章插图
其实今天之所以写这个响应式网站是因为近两年响应式网站确实很火，很多客户通过业务员的介绍感觉神乎其神，甚至网站业务员说得自己都相信了，把自己都骗了，觉得响应式无所不能，非常完美 。其实响应式并不是没有缺点，准确的说也有很多致命的缺点 。
什么是响应式网站?
响应网站设计应根据用户使用的设备的分辨率大小进行相应的响应与调整，最大限度满足不同设备用户体验需求 。响应式网站设计就是一个网站能够兼容多个终端，不需要为每个终端做一个特定的版本 。简单地理解：一个响应式网站=手机网站+pad端网站+PC网站 。具体的实现方式由多方面决定，包括弹性网格、弹性图片、CSS媒体查询(media query)的使用等 。
弹性网格(flexible grids)
可基于屏幕分辨率扩展或拉伸内容 。
弹性图片(flexible grids)
在小屏幕上可缩小尺寸，并可扩展大最大尺寸以支持大屏幕 。
媒体查询(media queries)
是放在站点HTML和样式表中的代码段，用来收集设备显示能力的信息以支持多种形式的界面 。
下面总结一下响应式网站的优缺点吧。
响应式网站优点
1:用户体验友好
【响应式网站优缺点】
随着电脑尺寸多元化，智能设备(pad/智能手机)普及化，在当下追求用户体验至上的时代(2016年)，之前网站普遍使用固定的宽度(960px或1000px)逐渐满足不了现在不同设备与不同分辨率需求 。在高分辨率电脑宽屏显示器上，两边留白过多 。在手机上显示，内容显示过小，用户为了看清楚，首先需要放大界面，再左右拖拖界面 。响应式网站可以根据不同终端、不同尺寸和不同应用环境，自动调整界面布局、展示内容、内容大小，提供非常好视觉展示效果，一致性友好体验 。
2:SEO友好
由于响应网站在不同终端有友好的界面展示效果，用户可以与网站一直保持联系，比如URL不变积累分享;通过单一的URL地址收集所有的社交分享链接最佳化搜索用引擎 。搜索引擎也在变得越来越聪明，它们足够智能可以完成移动网站和桌面网站的连接 。
3:多个网站只需一个后台即可完成全部网站维护，无需额外增加负担 。说到这里你也许会说不做响应式的网站，做个手机站也可以数据同步，一个后台 。说得非常对，但是这只限于维护一般的新闻内容与产品等，并不是所有内容都可以一站同步 。比如网站banner上与一些特定地方的图片尺寸，就需要分两次裁剪吧 。
响应式网站缺点
1:对低版本浏览器兼容性不友好
对于老版本浏览器支持不好，这是一个致命的问题 。老版本浏览器上打开响应式网站会经常出现图片显示不全，排版错乱等情况 。
2:灵活性有所欠缺
基于不同终端的设备属性不同，对产品用户体验要求就会截然不同 。内容比较多带有功能性的网站不适合做响应式网站设计，如：电商类型网站，宽屏的pc端内容如果全部要在手机端进行展示，势必导致手机端的界面非常长，需要根据手机端属性进行重新信息框架设计，这样对响应网站要求非常高，实现难度与成本非常高 。但是大型网站为了提高用户体验，通常做法，把高分辨率宽屏网站最小的响应尺寸响应到1024px，不再适配手机端，手机端重新设计开发一套手机网站，简单理解为2.5响应，如：电商网站亚马逊、Calvin Klein、Nike、视频网站Youtube等 。
推荐阅读
- 模板网站VS定制网站，如何选择
- 网站什么时候需要改版
- 企业网站建设一般都有哪些功能
- 哪些因素影响网站建设效果
- 企业为什么做网站
- 网页快照是什么
- 文字排版对网站的重要性有多大
- 如何找到一家靠谱的网站建设公司
- 网站首页设计应该放什么内容
- 影响网站跳出率的因素