移动端文章阅读排版:字号、行高与代码块
很多技术博客在电脑上看还行,到手机上就很难读:字太小、行太密、代码块撑破屏幕、表格只显示一半。
读者在手机上读文章的时间越来越多,排版直接影响他们能不能读完。这篇文章分享我在调整这个博客的阅读样式时总结的经验,涉及:
- 正文字号、行高和段落间距的取值;
- 每行字数的控制;
- 标题层级的处理;
- 代码块、表格、图片在小屏幕上的处理方式;
- 中英文混排的细节;
- 深色模式的适配。
文末附有一份完整的 CSS,可以直接复制使用。
剩余内容需付费阅读
¥3.90
购买后永久可读