响应式页面就是随着设备属性(如宽高)的变化，网页也随着变化。响应式页面主要应用到了：max-width、min-width、 media 查询、动态 REM 方案等css技术。
响应式网页的核心思想，在于“一次设计，普遍适用”，强调的是让同一个地址的同一个网页自动地去适应不同的显示环境，并且能够根据屏幕的设置和布局需要，来自动调整网页内容的显示。而响应式的网站，不管使用什么设备，打开及显示的都是同一个地址、同一个网页，只是这个网页可以通过自动地识别屏幕宽度，对不同的使用环境做出相应的自动调整，从而造成网页的布局和内容展示在不同环境下时可能会有所不同。
响应页面与自适应页面的区别：
自适应页面(流体布局、fluid layout)指的是页面宽度不固定。跟响应式页面没有什么关系。
自适应页面强调「不写死宽度」;响应式页面强调「响应」。
自适应页面可以是响应式的，也可以不是响应式的。
响应式页面可以是自适应的，也可以是不自适应的(也就是定宽的)。
响应式页面指的是同一页面在不同屏幕尺寸下实现不同的布局，从而使一个页面兼容不同的终端。这里所说的终端主要包括PC端和移动端，它们的分辨率以及屏幕大小都是不同的。在网站开发时，只须加入响应式设计就可以兼容这些终端，就不必单独制作移动端页面了。响应式开发主要是为了解决移动互联网浏览的问题，通过响应式设计能使网站在手机和平板电脑上有更好的浏览、阅读体验。
温馨提示：
