← 全部文章

教程

Gmail 与 Google Workspace 微调——更少杂物,更多专注

18 5月 2026 · 作者 JustZix Team

Gmail 和 Google Workspace 的其余部分功能很多,但一路上也积攒了不少累赘:吞掉左栏的 Meet 面板、“促销”和“社交”标签、拥挤的邮件列表、屏幕中央一张窄窄纸页上的文档。这些都没法在设置里关掉。本指南带你过一遍六个 CSS 微调,它们能清理 Gmail、日历、文档和表格——每个都是可直接粘贴的片段。

为什么用 JustZix,而不是 Google 设置

Google 给了你几个密度和布局开关,但它不让你隐藏 Meet 面板、把阅读窗格加宽到超过固定上限,或更改文档编辑器字体。JustZix 在浏览器里叠加你的 CSS,限定到某个具体域名——mail.google.com、calendar.google.com、docs.google.com——所以这些微调立刻生效,在任何账号上都生效,而不用在 Google 那边装任何东西。

Gmail——隐藏 Meet 和 Chat 面板

左栏里的 Meet 和 Chat 区块很少用到,却把空间从标签列表那里夺走。把它们隐藏掉,收回空间:

/* 隐藏 Gmail 左栏里的 Meet 和 Chat 区块 */
div[role="navigation"] [aria-label="Meet"],
div[role="navigation"] [aria-label="Hangouts"],
div[gh="cl"] + div [jsname] {
  display: none !important;
}

/* 标签列表接管收回的高度 */
div[role="navigation"] .aim {
  max-height: none !important;
}

如果你每天都用 Chat,就只隐藏 Meet——从选择器里去掉第一行。把这个微调保留为单独的规则,方便切换。

Gmail——移除促销标签

如果你反正都从一个收件箱里读所有邮件,“促销”和“社交”标签只会分散注意力。隐藏分类栏,留下一个干净的列表:

/* 隐藏分类栏(促销、社交) */
.aKz, .aeF .aKh,
table[role="tablist"].aKi {
  display: none !important;
}

/* 列表顶部那些做成邮件样子的广告行 */
.aKB, tr.zE[jsaction] .aKS {
  display: none !important;
}

Gmail——紧凑密度与更宽的阅读窗格

列表行之间的默认间距很慷慨。把它压紧以一次容纳更多邮件,并在你打开一封邮件时加宽阅读窗格:

/* 邮件列表的紧凑密度 */
.zA {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  line-height: 1.3 !important;
}

/* 单封邮件更宽的阅读窗口 */
.nH.if, .a3s.aiL {
  max-width: 1100px !important;
}
.ii.gt {
  font-size: 15px !important;
  line-height: 1.6 !important;
}

Gmail 的类名是混淆过的,有时会随更新而改变——如果某条规则失效了,打开 DevTools,指向一个列表行,换上新的类名。[role] 和 [aria-label] 选择器比类名更稳定,所以能用就尽量用它们。

Google 日历——更清晰的网格

周视图里的日历网格可能糊成一团。更锐利的小时线和更强的“现在”标记能改善方位感:

/* 周视图里更清晰的小时线 */
.YkqOPc, [role="grid"] [role="row"] {
  border-color: rgba(0,0,0,.14) !important;
}

/* 当前时间更强的红色标记 */
.qLWdg, [aria-label*="Current time"] {
  border-top-width: 2px !important;
  border-color: #ea4335 !important;
}

/* 周末列轻微着色 */
[role="columnheader"]:nth-child(1),
[role="columnheader"]:nth-child(7) {
  background: rgba(0,0,0,.03) !important;
}

文档和表格——全宽与字体

Google 文档在宽屏中央渲染一张固定宽度的纸页。对于工作草稿(不是用于打印),你可以把文字拉宽并替换编辑器字体:

/* Google 文档铺满整个窗口宽度 */
.kix-page, .kix-page-paginated {
  width: 90% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}

/* 编辑器里更舒适的字体与行高 */
.kix-paragraphrenderer {
  line-height: 1.6 !important;
}

/* 表格——更高的行以利可读性 */
.grid-table-container .row-header-wrapper {
  font-size: 12px !important;
}

记住,宽度微调只是视图层面的——它不会在你打印或导出 PDF 时改变页面尺寸。这是有意为之:你想要屏幕上舒适的阅读,而打印保持标准。

贯穿整个 Workspace 的专注模式

每个 Google 应用的公分母都是一个沉重的页头和侧边面板。一条专注模式规则在你想不受干扰地写作时把它们隐藏掉:

/* 专注模式:隐藏页头和侧边面板 */
header[role="banner"],
.brC-aT5-aOt-Jw, /* Gmail 工具栏 */
[aria-label="Side panel"] {
  display: none !important;
}

/* 内容收回整个窗口高度 */
[role="main"] {
  margin-top: 0 !important;
}

把专注模式保留为单独的规则,从操作栏切换它——当你需要搜索或账号菜单时,页头一键就回来。

搭建这一套

最好把这些微调保留为单独的、命名的规则:“Gmail——无 Meet”“Gmail——紧凑”“日历——网格”“文档——全宽”。每个限定到自己的域名,每个独立切换。然后五秒钟你就能让 Workspace 贴合任务——早上密集的收件箱,下午写作时的专注模式。

Google 应用的现成规则在目录里——看看 mail.google.com 的示例,复制适合你的。下载 JustZix,今天就清理你的 Workspace。