加宽 Matters 中栏宽度,Make Matters Wide Again!
IPFS
众所周知,或者众所周知但没有特别注意,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% 就是。
附注
- 这是一个改善 Matters 读者和作者体验的尝试。如果有任何问题,或者想到了可以改进之处,欢迎评论或 fork 此样式。
- 以后可能还会针对 Matters 的其它一些 UI 问题推出更多的样式,也欢迎大家为改善自己的 Matters 体验来写一些样式。Matters 的前端结构看起来不错,CSS 也并没有那么难哦。
- UserStyles.org 超慢的。撰写本文的契机是 GreasyFork 推出了提交样式的功能。这里感谢 GreasyFork。
- 也欢迎各位试用我撰写的其它 UserScript 和 UserStyle,它们在这里。
喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!
- 来自作者
- 相关推荐