[知乎美化] 文章的宽屏显示失效

[cosing]

问题描述

UserScript/Zhihu-Beautification.user.js

Lines 240 to 247 in d8fcb01

	style_widescreenDisplayPost = `/* 宽屏显示 - 文章页 */
	.Post-content {min-width: auto !important;}
	.Post-SideActions {left: calc(10vw) !important;}
	.Post-Row-Content-right {display: none !important;}
	.Post-Row-Content, .Post-Row-Content-left, .RichContent-actions {width: ${GM_getValue('menu_widescreenDisplayWidth')}px !important;}
	@media only screen and (max-width: ${Number(GM_getValue('menu_widescreenDisplayWidth'))+50}px) {.Post-Row-Content, .Post-Row-Content-left, .RichContent-actions {width: auto !important;}}
	@media only screen and (max-width: ${GM_getValue('menu_widescreenDisplayWidth')-100}px) {.Post-Row-Content, .Post-Row-Content-left, .RichContent-actions {width: 98% !important;}}
	`,

中的 .Post-Row-Content-right {display: none !important;} 知乎好像更新了，这里并没有对作者和热搜等进行屏蔽。

附加截图

非网页开发人员，仅作为猜测：

即使
document.querySelector('.css-1bcbfml');
(即我页面上的这个边栏节点,
也是 document.querySelector('.Post-content > :nth-child(3) >:nth-child(2)') )

被remove掉，仍然无法宽屏显示，

表现为 document.querySelector('.Post-content > :nth-child(3) >:nth-child(1)') 的宽度似乎被写死为了694px。