响应式网站建设

什么是响应式网站建设？

网站自适应平板电脑，PC，手机等多分辨率的用户

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

响应式网站设计的优缺点：

响应式页面的优点：

1、跨平台。在手机，pad，电脑上均有不俗的表现。随着移动设备越来越多，可以提升用户体验。

２、表现力一致在不同的平台上看到的东西都是基本一致的，会让感觉体验良好。该设计没有网页版本区分，所以SEO的策略保持一致。

３、节省人力开发成本。不再需要有人特地维护PC页面，移动页面。可以避免重复内容，专心维护这一个网页。

４、保持网页的原有链接。

５、Google也建议优先采用响应式设计，因为无论是什么网页版本都是相同的HTML、相同的内容，Google最容易处理。

响应式页面的缺点：    

1、自由度太低，局限性较大。你需要考虑在手机，pad，PC上三种屏幕下的页面内元素的呈现，会导致有着非常大的局限，比如说我在PC上是横向滑动的通栏图，但是在手机和pad就是不用的。所以，你就只能用一张单一的图或者一组静态图来表达。    

2、页面会比较大，在当前国内2G，3G网络下打开速度会比较慢。由于响应式页面是同时下载多套CSS样式代码，可能在手机上就下载PC/pad的冗余代码，其实毫无意义，而且浪费了流量资源。    

3、对于非webkit内核的浏览器支持极差(如IE6，7，8等)。对于非webkit内核的浏览器，比如说WindowsPhone手机上用的IE浏览器，彻底看不了。但现在的IOS，Android都是webkit内核，至少在80%以上的手机上可以有良好的呈现。  

总的来说，响应式网页的最终目的就是为不同的设备提供优化的浏览体验，这个也是开发者所追求的目标，更是网站技术发展的趋势。但响应式设计只是实现这一目标的其中一个手段，只适用于某些类型的网站，不可一概而论。