用途:为网页建立随视口变化的排版系统,让字号、行宽和行高在移动端到桌面端之间平滑过渡,避免断点跳变。
主要能力:提供流体字号层级,使用 clamp(min, preferred, max) 定义正文、h3、h2、h1 和展示标题;给出按视口划分的行宽建议(移动 320-480px 为 35-50 字符,平板 768-1024px 为 50-65 字符,桌面 1280+ 为 55-75 字符),并建议在文本容器上设置 max-width 而非使用视口百分比;提供响应式调整对照,如正文移动 16px、桌面 18-20px,H1 移动 28-32px、桌面 48-64px,正文行高 1.5 到 1.6,标题行高 1.1 到 1.15,标题字距 -0.01em 到 -0.02em。
使用方式:将示例中的 CSS 自定义属性写入样式表,按项目需要调整各层级的 min、preferred、max 值,并为文本容器设置合适的 max-width。
适用场景:需要跨设备保持可读性与视觉层级的网站、设计系统或组件库。
限制:资料未提供具体安装命令、依赖、框架集成方式、浏览器兼容性说明或收费信息。