博客/responsive-writing-workflow

响应式写作工作流

从 PC 到手机,如何在同一套 MDX 模板中保持阅读体验一致。

1 min read

阅读节奏优先

移动端上,过宽的段落和过小的点击区域会显著降低可读性。
这个模板默认采用窄阅读宽度、舒适行高和清晰层级。

检查项

  • 标题层级和段落间距可区分
  • 标签按钮在触屏下可点击
  • 代码块支持横向滚动
  • 暗黑模式对比度不过曝

示例图片

Cold palette landscape