花一天改造博客园皮肤

网站宽度和字号:有依据地调,而不是凭感觉

修改后容器宽度‌:width: 88% + max-width: 1200px。

这个 max-width 是关键。

排版学里有个概念叫 ‌measure(行长度)‌,中文的舒适区是‌每行 25~40 字‌(宽松到 50 字),超过这个范围,眼睛从行尾折返找下一行行首时,‌极易串行、漏行、重复行‌,读一会儿就累。

不加 max-width 的话,85% 宽度在 1920 屏上能到 ‌1600+ px,一行 70 多字‌,大屏上更是接近 100 字——这才是"看久了累"的隐藏原因。

加了 max-width: 1200px 之后,‌正文文本宽约 800px,一行约 50 字‌,且不管显示器多宽,读数都一致。

中途试过 1280px(一行约 55 字),观感是舒展了些,但权衡后还是回到 1200px,稳一点。

‌文章标题字号‌:从 1.75em(28px)降到 ‌1.5em(24px)‌。

28px 配 16px 的正文,比例是 1.75,标题过于抢戏,显得头重脚轻。对比其他网站标题普遍是 24px,改过来比例就协调了。

posted @ 2026-09-29 02:19  liw66  阅读(9)  评论(0)    收藏  举报