重點整理
How Big Is My Browser（howbigismybrowser.com）打開就會顯示目前瀏覽器視窗的寬 × 高（單位是 CSS 像素），拖拉視窗數字即時更新，不用註冊、不用安裝。2026 年 10 月實測仍可正常使用，桌機、手機都能開。量之前記得把瀏覽器縮放調回 100%，否則數字會不準。
做 RWD 網站、截圖、寫設計規格時，常常需要知道「現在這個視窗到底多寬」。螢幕規格寫的解析度，和網頁實際能用的寬度往往不一樣，手機更是如此。How Big Is My Browser 就是專門回答這個問題的免費小工具。
這篇會示範它的用法、實測不同裝置顯示的數字，並說明「螢幕解析度」「視窗大小」「CSS 像素」三者的差別，最後補充不用開網站也能查尺寸的方法。
How Big Is My Browser 是什麼？
How Big Is My Browser 是 Thingee 公司做的免費線上工具，網址是 howbigismybrowser.com。打開網頁後，畫面中間會用大字顯示瀏覽器可視區域的寬度與高度，四周還有像尺一樣的刻度，方便對照位置。
它量的是瀏覽器的可視區域（Viewport）：扣掉網址列、分頁列、書籤列之後，真正用來顯示網頁內容的範圍。這個數字正是 CSS 媒體查詢（例如 @media (max-width: 768px)）判斷用的寬度，所以對網頁設計最實用。
How Big Is My Browser 使用教學
步驟一：打開網站，直接看數字
用瀏覽器開啟 howbigismybrowser.com，不需要按任何按鈕，畫面中間就會顯示「寬 × 高」。下圖是在 1440 × 900 的視窗中開啟的畫面，左邊和上方的刻度每 100 像素標一個數字。
步驟二：拖拉視窗，數字即時改變
用滑鼠拖拉瀏覽器視窗的邊緣，數字會跟著即時更新。想測試某個 RWD 斷點時，可以一邊看數字一邊把視窗拉到剛好 768 或 1024 像素寬，再切回你的網站看版面有沒有跑掉。
步驟三：手機也能開，直向時改成上下排列
在手機上打開同一個網址，就能知道這支手機的瀏覽器可視寬度。手機直拿時，寬度和高度會改成上下排列；視窗小到放不下數字時，則會顯示「Display too small」，提醒你把視窗拉大。
以我們模擬的手機尺寸為例，顯示 390 × 844，這是 iPhone 12～14 這類機型在網頁上的寬高；但它們的螢幕規格其實是 1170 × 2532。為什麼差這麼多，下一段說明。
螢幕解析度、視窗大小、CSS 像素差在哪？
很多人第一次用會疑惑：「我的螢幕明明是 2560 寬，為什麼只顯示 1440？」這是因為以下三個數字不一樣：
- 螢幕解析度：螢幕實際的像素數，是硬體規格。
- 瀏覽器視窗（Viewport）：瀏覽器扣掉工具列後顯示網頁的區域，How Big Is My Browser 量的就是它。
- CSS 像素：高解析螢幕（Retina、手機）會用 2～3 個實體像素畫 1 個 CSS 像素。所以 iPhone 螢幕有 1170 個實體像素寬，網頁看到的卻是 390 左右。
對網頁設計來說，版面要依「視窗寬度（CSS 像素）」來規劃；圖片則要依實體像素準備，通常提供 2 倍尺寸才會清楚。
量測前要注意的 3 件事
- 縮放要設為 100%：官網也特別註明，瀏覽器縮放不是 100% 時數字會跟著變。按
Ctrl 0（Mac 為⌘ 0）可以還原。 - 系統顯示比例會影響結果：Windows 的「顯示器縮放」設為 125%、150% 時，同一個螢幕量到的寬度會變小，這是正常的。
- 手機上網址列會伸縮：手機瀏覽器往下捲動時網址列會收起，高度數字可能會變動，以寬度為主要參考比較準。
不開網站也能查：用瀏覽器內建工具
如果只是偶爾想知道寬度，Chrome、Edge、Firefox 的開發人員工具也做得到：
- 拖拉時顯示尺寸：按
F12（Mac 為⌘ ⌥ I）打開開發人員工具，拖拉視窗時右上角會短暫顯示目前的寬 × 高。 - Console 指令：在 Console 輸入
innerWidth或innerHeight，按 Enter 就會回傳數字。 - 裝置模式：按「切換裝置工具列」圖示，可以直接輸入寬高或選擇手機型號，模擬不同裝置。
需要一次比較多種尺寸時，可以搭配Responsive Viewer 在同一頁看多個裝置畫面；想把視窗快速調整到指定尺寸，則可以用Window Resizer。
常見問題
How Big Is My Browser 顯示的是螢幕解析度嗎？
不是，它顯示的是瀏覽器視窗中可以顯示網頁的區域大小，單位是 CSS 像素。螢幕解析度是硬體規格，不會隨視窗大小改變；網頁排版用的則是這個工具顯示的視窗寬度。
為什麼手機顯示的寬度比規格小很多？
因為手機是高解析螢幕，通常用 2～3 個實體像素顯示 1 個 CSS 像素。例如規格 1170 像素寬的手機，網頁看到的寬度約 390，這就是設計 RWD 時該參考的數字。
數字跟其他工具不一樣，哪個才對？
先確認瀏覽器縮放是 100%、量的是同一個視窗。有些工具量的是整個瀏覽器外框（含工具列），How Big Is My Browser 量的是可視區域，兩者本來就會差一段網址列和工具列的高度。
結語
How Big Is My Browser 功能很單純，就是把「現在這個視窗多大」直接顯示出來，但對 RWD 測試、截圖規格、跟客戶溝通版面都很好用。把它加入書籤，量之前記得把縮放調回 100%；如果已經習慣開發人員工具，用 innerWidth 指令也能得到同樣的答案。