编辑
2026-04-01
undefined
00

目录

响应式
字体
字号
字重
字色

响应式

是网页根据显示宽度自动调整内容的模式,即同一套设计元素根据浏览器宽度适配。

自适应是网站根据客户端类型匹配不同版本样式,即根据不同的设备设计不同的样式适配。

字体

字号

  • 中文最小字号:12px
  • 常规阅读字号:13-15px
  • 较大文字字号:15-20px

文本行高:

  • 注释文本:字号的 1.4-1.6 倍
  • 阅读文本:字号的 1.6-2 倍
  • 标题文本:默认字号 Auto

文本段距:行高的 0.4-0.8 倍

字重

  • 细体 Light:注释/次要文本
  • 常规 Regular:正常阅读文本
  • 粗体 Bold:强调/标题文本

字色

  • 注释灰度:50-80
  • 正文灰度:20-40
  • 标题灰度:5-20

字号字重字色行高段距注释文本12pxLight灰度 50-8016-18px6-14px正文文本13-15pxRegular灰度 20-4020-30px8-24px标题文本14-20pxBold灰度 5-20Auto0

本文作者:a

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!