相对单位

流体布局是一种适应性强的响应式设计布局方式，其特点是可以根据屏幕尺寸和设备类型的改变自动调整页面布局。在流体布局中，元素尺寸和位置是使用相对单位（如百分比）定义的，而不是像传统布局那样使用固定的像素值。流式布局就是一种常见的流体布局，其工作原理是元素的宽度会根据屏幕分辨率进行适配调整。换句话说，无论在何种设备上浏览，页面都可以满屏显示，且页面中的元素大小会随着屏幕的改变而改变。流体布局在移动端开发中得到了广泛的应用。

响应式布局是一种网页设计方法，通过使用CSS媒体查询和流式布局等技术，使响应式布局是一种网页设计方法，通过使用CSS媒体查询和流式布局等技术，使网站能够自适应不同尺寸的屏幕和设备。具体来说，其关键在于使用相对单位（如百分比）来定义页面元素的尺寸和位置，而不是固定单位（如像素），从而让页面元素能够根据屏幕大小进行适应性的调整。这样，无论用户使用的是桌面电脑、笔记本、平板还是手机等不同设备，或者是不同屏幕尺寸的设备，网页都能展现出合适的布局和内容。简而言之，响应式布局就是让网页内容适应各种设备的不同屏幕和窗口大小的一种方式。