媒体查询

响应式网页设计是一种能够自动适应不同设备和屏幕尺寸的网页设计方法。它通过使用灵活的网格布局、可伸缩的图像和媒体查询等技术，使网页能够在不同的设备上提供最佳的用户体验 。

响应式布局是一种网页设计方法，允许页面内容根据屏幕和窗口大小的不同进行自适应调整。这种方法不仅让设计者只需要创建一套代码，就可以实现页面在各种设备和屏幕尺寸上的自适应性，而且通过利用媒体查询、流体布局和 Flexbox 等技术，可以实现更优秀的布局和外观。使用 HTML 和 CSS 实现的流式布局、媒体查询和图像处理技术也是响应式布局的重要一环。