在 HTML 中使用响应式设计需要使用CSS媒体查询（media queries）和流式布局（fluid layout）。
CSS媒体查询是指在CSS样式表中根据设备的宽度、高度、屏幕方向等媒体类型来应用不同的样式。使用媒体查询可以根据不同设备的屏幕宽度调整元素的大小、位置和样式等。
例如，以下代码段将在设备宽度小于等于768像素时应用样式：
@media screen and (max-width: 768px) {
/* 在设备宽度小于等于768像素时应用样式 */
}流式布局是指网页布局根据设备的宽度自适应调整，不同设备上显示的页面布局不同，同时保持页面的比例和结构不变。使用流式布局可以使页面在不同的设备上都能够显示良好。
例如，以下代码段将元素的宽度设置为相对于父元素宽度的百分比：
div {
width: 50%;
}同时，我们还可以使用viewport元标签（viewport meta tag）来控制页面的缩放和视口大小。例如，以下代码段将页面的宽度设置为设备的宽度，并禁止用户缩放页面：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">综上所述，使用CSS媒体查询和流式布局可以实现响应式设计，使网页在不同设备上都能够自适应调整布局和样式。同时，使用viewport元标签可以对页面的缩放和视口大小进行控制。