RWD（Responsive Web Design）是指一种网页设计方法，可以根据用户的设备大小和分辨率自适应地调整页面布局和内容展示方式。而媒体查询则是RWD实现的关键技术之一，它允许开发人员针对不同的设备尺寸和特性定义不同的样式规则。媒体查询可以检测设备的屏幕大小、方向、分辨率、颜色深度等属性，并根据这些属性选择相应的CSS规则。因此，当用户改变设备的方向或者在不同的设备上打开同一个网站时
RWD 视口（Responsive Web Design Viewport）是指用于设置网页布局响应不同设备尺寸的元素。它可以通过 meta 标签在 HTML 页面中进行定义，并且决定了浏览器如何渲染页面以适应不同的屏幕大小和分辨率。RWD 视口的两个主要属性是 width 和 initial-scale，分别代表视口宽度和缩放比例。width 通常被设置为设备的宽度或一个固定值，而 init
RWD（Responsive Web Design）是一种设计和开发网站的方法，旨在使网站能够适应不同设备的屏幕大小，从而提供更好的用户体验。具体来说，RWD通过使用弹性网格、媒体查询、图片和其他资源的自适应调整等技术，可以让网站内容和布局根据用户所使用的设备进行动态调整，以便最大化地利用屏幕空间并提高可读性和易用性。例如，当用户从桌面电脑上浏览一个响应式网站时，该网站可能会呈现为三栏或四栏布
