☰

有没有什么办法可以减少浏览器允许的最小宽度？

tag-icon • tag-icon windows-10 google-chrome firefox
有没有什么办法可以减少浏览器允许的最小宽度？

操作系统：Windows 10
屏幕分辨率：1366x768

我试图让浏览器的宽度更小，但它们不允许我将更多内容拉到下方、Google Chrome左侧和Firefox右侧。有没有办法移除这个限制并减少更多内容？

注意：我的问题是显示器的屏幕空间，所以我需要能够稍微缩小浏览器的空间。

这个想法是增加浏览器之间的黑色空间，并且可以更自由地调整宽度而不会阻塞最小值。

在此处输入图片描述

答案1

您可以通过从 JavaScript 启动一个可调整大小的浏览器窗口，让 Chrome 和 Firefox 都打开一个缩小的窗口。

以下是您可以使用的 HTML 页面：

<a href="javascript:window.open('your_url_here', '','width=320,height=480')">Open!</a>

这将显示一个带有“打开！”链接的简单页面。单击该链接将打开一个新的浏览器窗口，该窗口可以调整大小，比通常的浏览器页面更大。

在我的实验中，我成功地将 Firefox 的宽度减少到大约 290 像素。我成功地将 Chrome 的宽度减少到大约 200 像素。

Chrome 的另一种方法是使用扩展程序 OSX 调整器。

单击扩展程序的图标将在新的可调窗口中重新打开当前页面，我设法将其缩小到 176 像素。

Chrome 的另一种方法是使用开发人员工具并将它们停靠在右侧。

对接是通过打开开发者工具并点击三点菜单图标完成的：

在此处输入图片描述

一旦开发人员工具停靠在右侧，您可以拖动中间的分隔符来调整左侧显示的页面大小。

通过这种方式，我设法将其减少到最低 150 像素。

答案2

我无法从屏幕截图中判断你的浏览器有多小，但我使用类似显示融合它可以让我将超宽显示器分割成几个虚拟屏幕。这样，我就可以按热键将 Firefox 移到那个小屏幕上，它会自动调整大小。我相信这是一种将其压缩的方法。

我使用的另一个工具是迪维，触发后，屏幕会以网格形式显示，然后我移动鼠标绘制一个框来指示我需要的屏幕调整大小。我可以用这个将 Firefox 变得非常小。

下面的图片是从 27 英寸显示器拍摄的，不是超宽的，您可以看到 Firefox 窗口有多小。 在此处输入图片描述

我还没有尝试过，但理论上应该是一样的 - 您可以安装 Windows PowerToys，它附带一个名为 Fancy Zone 的应用程序，它允许您在屏幕周围创建区域，然后您可以按住 SHIFT 并将应用程序拖到区域中，将应用程序放入其中。这将自动将您的应用程序调整为您预定义的区域的大小。

答案3

在 Firefox 中，您可以使用userChrome.css来覆盖最小宽度。

  1. 转到about:config并设置toolkit.legacyUserProfileCustomizations.stylesheets为 true。
  2. 查找您的用户资料。该文件夹应命名为30t5gfdj.default-release或 之类的名称30t5gfdj.default。
  3. 在用户配置文件文件夹中，创建一个名为 的文件夹chrome。在 中chrome，创建一个名为 的文件userChrome.css。因此完整路径应以 结尾，类似于Mozilla/Firefox/Profiles/30t5gfdj.default-release/chrome/userChrome.css。
  4. 填写完成后userChrome.css，重新启动浏览器以应用更改。

这是我的文件的内容userChrome.css：

@namespace html url("http://www.w3.org/1999/xhtml");

:root {
  min-width: 1px !important;
}

相关内容