有什麼方法可以減少超過瀏覽器允許的最小寬度嗎?

有什麼方法可以減少超過瀏覽器允許的最小寬度嗎?

作業系統: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-release30t5gfdj.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;
}

相關內容