主页 / computer / 问题 / 1808967
Accepted
Ralf_Reddings
Asked: 2023-09-19 02:17:06 +0800 CST

如何使用uBlock使元素填充浏览器窗口的宽度？

  • 772

例如，SuperUser的这个页面，页面的主要内容被压缩，因此很难阅读或集中注意力。我想把它从当前的渲染方式改为this。

屏幕截图后的链接是我能做的最好的事情，让我的浏览器呈现我想要用 uBlock 实现的目标，我不想改变字体大小，只想改变元素的宽度。

根据选择器，我有兴趣填充浏览器宽度的元素称为superuser.com###content。

我首先尝试了这个，但似乎没有任何影响：

superuser.com###content:style(width: 100vw !important;)

!Hide Right Sidebar
superuser.com##.js-sticky-leftnav.left-sidebar--sticky-container
!Hide Left Sidebar
superuser.com##.ps-relative.js-pinned-left-sidebar.left-sidebar

然后我尝试：

superuser.com###mainbar > div:style(width:100vw !important;)

!Hide Right Sidebar
superuser.com##.js-sticky-leftnav.left-sidebar--sticky-container
!Hide Left Sidebar
superuser.com##.ps-relative.js-pinned-left-sidebar.left-sidebar
! This gets in the way too
superuser.com##.show-votes

但我刚刚结束了创造一个全新的混乱，如下所示。任何进一步的改变都会让事情变得更糟。我通过查看其他问题并搜索 CSS 属性（例如100vw.

但我似乎没有取得任何进展。谁能告诉我如何正确执行此操作？我非常感谢一个例子。

css

1 个回答

  1. Best Answer

    这可以解决问题：

    superuser.com###sidebar
superuser.com###left-sidebar
superuser.com##.container:style(width: 100% !important; max-width: 100% !important;)
superuser.com###content:style(width: 100% !important; max-width: 100% !important;)

    您需要检查设置width浏览器Inspect element功能类型的每个相关元素，并需要检查附近的 HTML。你错过了.container。第二个问题是缺乏max-width操纵，这就推翻了width。

    另外，尽可能使用 ID 而不是类。您希望此类工具尽可能具体。

    • 1

相关问题