比动效更重要的，是一篇文章读起来舒服

从行宽、字号和对比度出发，整理技术博客阅读页的几个设计细节。

码间作者2026.10.18 1 分钟阅读

给内容留出呼吸空间

阅读页的目标是让读者理解内容。行宽太长容易丢行，段落太密难以分辨层次。

代码需要保留缩进。长代码块可以横向滚动，但不应把整张页面撑出屏幕。

css

pre {
  overflow-x: auto;
  max-width: 100%;
  line-height: 1.7;
}

链接和按钮需要可见的键盘焦点。导航使用真实链接，帮助读者复制地址、在新标签打开，以及返回上一页。