编辑“︁HTML响应式文本”︁（章节）

== 核心概念 ==

响应式文本的实现主要依赖以下技术：

* '''视口单位'''：使用vw（视口宽度百分比）、vh（视口高度百分比）等相对单位
* '''媒体查询'''：通过@media规则针对不同屏幕尺寸应用不同样式
* '''相对字体单位'''：使用rem、em等相对于根元素或父元素的单位
* '''CSS变量'''：创建可动态调整的样式值

<mermaid>
graph TD
    A[设备检测] --> B[移动设备]
    A --> C[平板电脑]
    A --> D[桌面电脑]
    B --> E[较小字号]
    C --> F[中等字号]
    D --> G[标准字号]
</mermaid>