字号计算器

px/rem/em/pt字号单位互转,可调整根字号大小查看响应式效果。

示例文字 The quick brown fox

输入字号

常用字号参考

关于 字号计算器

字号计算器帮助你在px、rem、em、pt、%等单位间转换,方便响应式排版设计。输入任一单位的值,其他单位自动同步计算。

字号单位说明

  • px(像素):绝对单位,最直观,但不会随用户设置缩放。
  • rem(root em):相对于根元素html的字号,1rem = html的font-size值。响应式首选。
  • em:相对于父元素字号,嵌套时会累乘,需谨慎使用。
  • pt(磅):印刷标准单位,1pt = 1/72 inch,CSS中1pt = 1.333px。
  • %:相对父元素字号的百分比,类似em。

响应式设计建议

  • 使用rem作为主单位,配合根字号实现整体缩放。
  • 移动端根字号通常设为14-16px,桌面端16-18px。
  • 使用clamp()实现流体排版:font-size: clamp(14px, 2vw, 18px)。
  • 正文最小14px,标题根据层次递增。