跳到主要内容

响应式字号

对于不同种类的字号,我们可能需要不同的设计:

  • 正文字体:应该相同
  • 注解字体:在移动端可能需要放大
  • 表格中的字体:在移动端如果不到 16 px,则会被 Safari 自动放大;所以最好保证 16 px
  • 标题字体:在移动端可能需要缩小,可以通过使用 vw 的方式实现
    • 例如:clamp(1.5rem, 6vw, 3rem)
    • 如果只是用 vw,那么它将不会随窗口放大,所以还要用 emmixin