什么是响应式页面（响应式页面与自适应页面的区别）

什么是响应页面？让我们一起来看看:

响应页面是指同一页面在不同屏幕尺寸下实现不同的布局，使页面与不同的终端兼容。终端主要包括PC终端和移动终端的分辨率和屏幕尺寸不同。响应页面随着设备属性（如宽度和高度）的变化而变化，其核心理念是一次性设计，一般适用。

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

响应网页的核心理念是一次性设计，一般适用，强调同一地址的同一网页可以自动适应不同的显示环境，并根据屏幕的设置和布局需要自动调整网页内容的显示。响应网站，无论使用什么设备，打开和显示相同的地址，相同的网页，但网页可以自动识别屏幕宽度，对不同的使用环境进行相应的自动调整，导致网页布局和内容显示在不同的环境中可能会有所不同。

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

自适应页面(流体布局，fluid layout)指页面宽度不固定。与响应页面无关。

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

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

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

以上是关于响应页面的分享，希望对大家有所帮助。

- END -