知乎回答界面排版、字体、字号优化

通过拉伸回答区域的屏幕占比、修改回答字体(微软雅黑)、增大字号(24px)、图片居中来增强1080P荧幕上的阅读体验。

目前為 2020-04-04 提交的版本，檢視最新版本。

安裝腳本 ?

Wrap lines

// ==UserScript==
// @name     知乎回答界面排版、字体、字号优化
// @namespace JohnRowton
// @version  20200404
// @description 通过拉伸回答区域的屏幕占比、修改回答字体(微软雅黑)、增大字号(24px)、图片居中来增强1080P荧幕上的阅读体验。
// @author   JohnRowton
// @match    https://www.zhihu.com/*
// @require  https://cdn.bootcss.com/jquery/1.12.4/jquery.js
// ==/UserScript==

$(function(){
  // 首页
  $(".ContentLayout").css({"display":"block","width":"100%"});
  $(".ContentLayout-mainColumn").css({"display":"block","width":"100%"});
  $(".ContentLayout-sideColumn").css({"display":"block","width":"100%"});
  
  // 回答页面
  $(".Question-main").css({"display":"block","width":"80%"});
  //$(".ListShortcut").css({"display":"block","width":"80%"});
  $(".Question-sideColumn,.Question-sideColumn--sticky").css({"display":"block","width":"80%"});
  $(".Question-mainColumn").css({"display":"block","width":"80%"});
  
  var inner = document.querySelector('.Question-mainColumn')
  inner.style.width = '100%'
  inner.style.fontSize = '24px'
  inner.style.fontFamily = 'Times New Roman,微软雅黑'
  //图片和视频的显示区域大小
  doCSS.innerHTML += '.origin_image{max-width:500px !important}'
  doCSS.innerHTML += '.RichText-video{max-width:500px !important}'
  //文章内代码区
  doCSS.innerHTML += '.highlight pre{font-size:medium !important;background-color: #cbde8c !important;}'
  document.getElementsByTagName('head')[0].appendChild(doCSS)

});

欢迎访问Greasy Fork镜像