主页 / computer / 问题 / 1666985
Accepted
Digital Farmer
Asked: 2021-08-02 14:19:03 +0800 CST

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

  • 772

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

我正在尝试使浏览器的宽度更小，但它们不会让我向侧面拉更多的东西，而不是下方、Google Chrome左侧和Firefox右侧的这个数量。有什么办法可以消除这个块并减少更多？

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

这个想法是增加浏览器之间的这个黑色空间，并在不阻塞最小值的情况下更自由地调整宽度。

在此处输入图像描述

windows-10 google-chrome

3 个回答

  1. 我无法从屏幕截图中看出您的浏览器有多小，但我使用DisplayFusion之类的工具，它可以让我将超宽显示器分成几个虚拟屏幕。有了它，我可以按下热键并将 Firefox 移动到那个小屏幕上，它会自动调整大小。我相信这是一种挤进去的方法。

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

    下图取自 27 英寸显示器，不是超宽显示器，您可以看到 Firefox 窗口有多小。 在此处输入图像描述

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

    • 2
  2. Best Answer

    您可以通过从 JavaScript 启动一个狭窄的可调节浏览器窗口来使 Chrome 和 Firefox 打开一个缩小的窗口。

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

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

    这将显示一个简单的页面，其中包含一个名为“打开！”的链接。单击该链接将打开一个新的浏览器窗口，该窗口的大小可以比通常的浏览器页面更大。

    在我的实验中，我设法将 Firefox 的宽度减小到大约 290 像素。Chrome 我设法减少到大约 200 像素。

    Chrome 的另一种方法是使用扩展 OSX Resizer。

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

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

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

    在此处输入图像描述

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

    我设法以这种方式将其减小到 150 像素的最小值。

    • 2

  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;
}
    • 1

相关问题