Question

响应式设计是什么

Answer 1

响应式Web设计(ResponsiveWebdesign)的理念是：

页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSSmediaquery的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。目前国软科技公司自主研发了同步的响应式网站设计。响应式布局就是网页会根据上网设备的屏幕大小而自我调整网页的布局。听着跟木有解释一样，我举个例子：你以全屏访问亚马逊网站，然后在慢慢缩小浏览器会发现有一些东西（专业点说是dom元素）不见了，这就是响应式设计的一种。目的就是更好的用户体验。

但是响应式设计不是设置，不是说开发者点点鼠标就能完成的。从设计开始就要考虑电脑，手机等不同终端的访问，其底层是大量的css，js代码在控制着网页。

然而亲目前连响应式设计的概念都不清楚，还是先从基本的html，css，js学起，等羽翼丰满之时再去设计响应式页面。