1、流体网格流体网格的工作原理与任何其他设计网格一样，它们使您能够以漂亮的方式在页面上排列元素。但是，与传统网格不同，流体网格将根据屏幕大小进行调整，并且可以适应任何宽度，因为它使用相对测量单位(如百分比或em单位)而不是固定单位(如像素)。

2、媒体查询媒体查询使您能够更灵敏地设计响应设计，并根据特定的屏幕大小进行相应调整。通俗地说，网站使用媒体查询来收集数据，帮助他们确定屏幕大小，然后加载适当的CSS样式。

3、响应式媒体响应式网站设计的第三个核心原则是响应式或柔性媒体。鉴于现代网站使用大量图像、视频和其他媒体文件，这些类型的内容必须响应不同的屏幕大小。通常，设计者会在他们的CSS样式表中包含图像维度。然而，由于上述固定的测量单位，它不适合响应式设计。相反，您必须对图像文件、视频和其他媒体类型使用最大宽度属性。为了确保媒体文件不超过其容器，并根据屏幕大小适当缩放，最大宽度属性应设置为100%。