响应式网站设计(Responsive Web design)的理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。

页面有能力去自动响应用户的设备环境，响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本.

     响应式Web设计是在开发和设计网站过程中产生的一种方式，它的目的是让内容布局能随用户使用显示器的不同而变化。再明确点说，这种设计概念，就是让原本1292像素宽，4栏的内容，能够很好地显示在1025像素宽的用户屏幕上，同时还能自动简化成2栏。当然，让它很好的适应智能手机和其他种类电脑的屏幕也就成了水到渠成的事了。这种特殊的设计形式就被成为“响应式Web设计”

实施  首先我们应该遵循移动优先原则，交互&设计应以移动端为主，PC则作为移动端的一个扩展；  一个页面需要兼容不同终端，那么有两个关键点是我们需要去做到响应式的： 1. 响应式布局  2. 响应式内容（图片、多媒体）

响应式布局  如我们需要兼容不同屏幕分辨率、清晰度以及屏幕定向方式竖屏(portrait)、横屏(landscape)，怎样才能做到让一种设计方案满足所有情况？  那么我们的布局应该是一种弹性的栅格布局，不同尺寸下弹性适应，如以下页面中各模块在不同尺寸下的位置：    

响应式（自适应）网站的缺点
1、对老版本IE 兼容不好
对于ie8及以下版本的ie浏览器兼容不太好，由于响应式网页布局采用html5+css3的一些新特性,而ie8及以下的浏览器对这些都不支持，这些影响都只是局限于pc机上，而pc机一般都是正常的分配率浏览，所以这些影响都并不是大问题！ 
2、移动端浏览浏览量会产生更多流量
由于响应式网站，基本都考虑了不同终端显示分辨率下的显示效果，所以代码量会相对较高，同时对于移动端的浏览，一些图片并没有针对移动端进行过优化，所有会产生相对较多的流量

深圳网站制作
哪些网站适合响应式设计
1. 移动App开发者的公司网站和单独的App网页；
2. 希望充分利用互联网的初创型公司网站；
3. 外贸型企业网站；
4. 新式的电子商务网站；
5. 面向消费者和大众市场的品牌企业网站；
6. 新兴互联网媒体和网上社区类网站；
7. 传统媒体向移动互联网数字化过渡的网站改版；
8. 任何不想放弃移动互联网用户的商家和个人网站

• 微信h5页面制作
• php和java哪个好
• 如何制作自己的网站