编辑“︁HTML断点设计”︁（章节）

== 概述 ==
断点（Breakpoint）是CSS媒体查询（<code>@media</code>）中定义的特定屏幕宽度值，当浏览器视口宽度达到这些值时，页面布局会触发预设的样式变化。常见的断点通常基于主流设备的屏幕尺寸（如手机、平板、桌面）。

=== 核心原则 ===
* '''设备适配'''：针对不同设备宽度优化布局。
* '''渐进增强'''：从小屏幕开始设计，逐步增加大屏幕的复杂布局。
* '''流动性'''：结合百分比宽度和固定断点实现平滑过渡。