使用媒体查询：媒体查询可让您指定在不同屏幕尺寸下应用哪些 CSS 样式。

媒体查询允许您根据屏幕尺寸动态调整 CSS 样式。

此页面使用媒体查询根据设备屏幕尺寸调整字体大小和标题大小。

在较小的屏幕上，文本和标题将变小，以提高可读性。

在较大的屏幕上，文本和标题将变大，以利用额外的空间。

以下是用于调整样式的媒体查询示例：

• media (max-width: 480px) ：此媒体查询适用于屏幕宽度小于或等于 480px 的设备。
• media (min-width:480px) and (max-width: 768px) ：此媒体查询适用于屏幕宽度在 480px 至 768px 之间的设备。
• media (min-width: 768px) ：此媒体查询适用于屏幕宽度大于或等于 768px 的设备。

您可以使用媒体查询创建响应式网站，根据不同的屏幕尺寸调整布局和样式。