我的博客

移动端文章阅读排版:字号、行高与代码块

很多技术博客在电脑上看还行,到手机上就很难读:字太小、行太密、代码块撑破屏幕、表格只显示一半。

读者在手机上读文章的时间越来越多,排版直接影响他们能不能读完。这篇文章分享我在调整这个博客的阅读样式时总结的经验,涉及:

  • 正文字号、行高和段落间距的取值;
  • 每行字数的控制;
  • 标题层级的处理;
  • 代码块、表格、图片在小屏幕上的处理方式;
  • 中英文混排的细节;
  • 深色模式的适配。

文末附有一份完整的 CSS,可以直接复制使用。

剩余内容需付费阅读

¥3.90

购买后永久可读