![如何让浏览器因为侧边栏而重新调整网页?](https://linux22.com/image/1110800/%E5%A6%82%E4%BD%95%E8%AE%A9%E6%B5%8F%E8%A7%88%E5%99%A8%E5%9B%A0%E4%B8%BA%E4%BE%A7%E8%BE%B9%E6%A0%8F%E8%80%8C%E9%87%8D%E6%96%B0%E8%B0%83%E6%95%B4%E7%BD%91%E9%A1%B5%EF%BC%9F.png)
有时确实会很烦人。Chromium 必须为页面制作底部滚动条,因为网页是针对整个屏幕配置的,而这一切都是因为侧面的应用程序启动栏。有什么办法可以阻止这种情况吗?
答案1
不正确。更正确的说法是“Chromium 必须制作底部滚动条,因为网页已经调整为比显示器(或窗口)的当前尺寸更大”...
解决方案:
0您可以使用系统设置 > 外观(12.04)调整 Unity 以隐藏侧边栏。阅读此问题:如何配置 Unity 启动器自动隐藏行为?
1使用更宽的显示器。
2禁用所有侧边栏。
3使用特殊的用户样式来覆盖站点样式(width:100% !important
)* 感谢@Izzy
4改变缩放级别。Ctrl+鼠标滚轮放大/缩小。Ctrl+0重置。*感谢@erdemkeren
答案2
根据所使用的浏览器,合适的用户样式可能会提供解决方案。对于 Firefox,有时髦的这个问题的插件,我很熟悉(我不使用 Chromium)。另一方面,似乎有一个Chromium 的时尚风格也可用。
那么这对您有什么帮助呢?首先,您需要识别页面上的“超大”元素。在许多情况下,这是一个div
id 为“content”(<DIV ID="content" ...>
)的元素,其对应的样式类似于div#content { width:1234px ... }
。使用 Stylish,您可以覆盖此设置,在我的示例中,这可以通过包含(“重要”的含义:覆盖现有规则)的用户样式来完成div#content { width:100% !important; }
。有了这个相对值,该元素现在应该始终完全适合窗口 - 但是,您可能需要调整更多元素。
在开始尝试之前——特别是如果你不太熟悉 HTML/CSS——你可以查看用户样式是否有其他人已经做过这项工作。您会在那里找到很多有趣的片段。
另外/另外,值得一看的是用户脚本网也一样。他们使用 JavaScript 而不是 CSS(层叠样式表),JavaScript 在运行时被“注入”到页面中。对于 Firefox,这是通过以下扩展程序实现的:GreaseMonkey或者脚本化-- 据我所知,此功能内置于 Opera 和 Chrome,不确定 Chromium 是否内置。由于使用了 JavaScript,因此可以操纵整个 DOM 树:添加/删除/移动元素等等。