Out65

学生。前端开发者。GPG 0xA725CB57CA65CAFE。

加宽 Matters 中栏宽度,Make Matters Wide Again!

众所周知,或者众所周知但没有特别注意,Matters 在改版之后的界面成为了三栏式。然而,作为主要内容区的中间一栏,宽度却被限定到仅仅 1208px。许多用户都抱怨这一栏过窄。于是我们就做了一条 UserStyles 规则,帮各位轻松地拉宽 Matters 的中间栏。项目名称则化用川普先生之名句式,"Make Matters Wide Again" 啦。

口说无凭,先来一张对比图好了:

对比:应用样式前和应用样式后

是不是感觉中间一栏宽了很多呢?

如何安装?

首先,在浏览器安装一个 UserScript 管理器插件(我很喜欢 ViolentMonkey,其它的在这里有列出)或者 UserStyle 管理器插件(我使用的是 Stylus;Stylish 之前有过收集用户浏览历史的丑闻,所以不推荐)。如果没有其它 UserScript 需求的话,建议安装 UserStyle 管理器,防止不明来源的脚本被不小心安装。

之后,到这里点击 "Install this script" (如果你安装了 UserScript 管理器)或者 "Install as user style" (如果你安装了 UserStyle 管理器),在弹出的窗口中再次确认,就可以啦。

原理

main {
  max-width: 85vw !important;
}

和上次提到的解决方案一样,将中栏的最大宽度调整至浏览器整体宽度的 85% 就是。

附注

  1. 这是一个改善 Matters 读者和作者体验的尝试。如果有任何问题,或者想到了可以改进之处,欢迎评论或 fork 此样式。
  2. 以后可能还会针对 Matters 的其它一些 UI 问题推出更多的样式,也欢迎大家为改善自己的 Matters 体验来写一些样式。Matters 的前端结构看起来不错,CSS 也并没有那么难哦。
  3. UserStyles.org 超慢的。撰写本文的契机是 GreasyFork 推出了提交样式的功能。这里感谢 GreasyFork。
  4. 也欢迎各位试用我撰写的其它 UserScript 和 UserStyle,它们在这里

喜歡我的文章嗎?
別忘了給點支持與讚賞,讓我知道創作的路上有你陪伴。

CC BY-NC-ND 2.0 版權聲明

想必,生活就是由梗、吐槽和 xkcd #1937 组成的。

【讨论】Matters 的屏效问题

3

看不過癮?

一鍵登入,即可加入全球最優質中文創作社區