移动端页面最怕“设计稿很好看，真实内容一上来就变形”。个人博客尤其明显：文章标题长短不一，分类和标签数量也不固定，再叠上二次元背景和玻璃面板，很容易变乱。

我现在检查移动端时会看这些点：

  1. 标题能否自然换行，不出现横向滚动；
  2. 卡片高度变化时，列表布局是否仍然稳定；
  3. 搜索框和按钮是否保持足够大的触控区域；
  4. 背景图层是否压住正文，尤其是透明角色图；
  5. 长单词、英文 slug、URL 是否会撑破容器；
  6. 日期、分类、标签这类辅助信息是否还看得清；
  7. 表单错误、空状态和登录提示是否有明确位置。

这个站点的处理方式是：页面宽度用响应式容器控制，文本使用 overflow-wrap: anywhere，卡片封面保留固定比例，按钮和导航项保持不小于 44px 的触控高度。

我不追求手机端和桌面端完全一样。桌面可以展示更多角色墙和背景层，手机端应该更像一张清晰的阅读卡片。能看到内容，比保留所有装饰更重要。

排版检查听起来像细枝末节，但它决定了页面是否真的能被使用。视觉风格是第一眼，稳定阅读是第二眼，也是更长久的一眼。