什么是响应式页面?

响应式页面指的是同一页面在不同屏幕尺寸下实现不同的布局，从而使一个页面兼容不同的终端。所说的终端主要包括PC端和移动端，它们的分辨率以及屏幕大小都是不同的。响应式页面就是随着设备属性(如宽高)的变化，网页也随着变化，它的核心思想，在于“一次设计，普遍适用”。

响应式页面主要应用到了：max-width、min-width、 media 查询、动态 REM 方案等css技术。

响应式网页的核心思想，在于“一次设计，普遍适用”，强调的是让同一个地址的同一个网页自动地去适应不同的显示环境，并且能够根据屏幕的设置和布局需要，来自动调整网页内容的显示。而响应式的网站，不管使用什么设备，打开及显示的都是同一个地址、同一个网页，只是这个网页可以通过自动地识别屏幕宽度，对不同的使用环境做出相应的自动调整，从而造成网页的布局和内容展示在不同环境下时可能会有所不同。

响应页面与自适应页面的区别：

自适应页面(流体布局、fluid layout)指的是页面宽度不固定。跟响应式页面没有什么关系。

自适应页面强调「不写死宽度」;响应式页面强调「响应」。

自适应页面可以是响应式的，也可以不是响应式的。

响应式页面可以是自适应的，也可以是不自适应的(也就是定宽的)。

以上就是关于响应式页面的分享，希望能帮到大家。