# Online Ruler

> 把螢幕變成一把真的尺：拿信用卡或十元硬幣貼著螢幕校正一次，mm 和英寸刻度就是實際尺寸，再用可拖曳的測量線量長度。校正只存在這個瀏覽器，不上傳。

- URL: https://bytescope.dev/zh-Hant/online-ruler/
- Locale: zh-Hant · Also: [en](https://bytescope.dev/en/online-ruler.md) · [ja](https://bytescope.dev/ja/online-ruler.md)
- Runs: 全部在你的瀏覽器裡跑，什麼都不會上傳。
- Requires: Any modern browser (Chrome, Edge, Firefox, Safari), desktop and mobile.
- Updated: 2026-09-08

## What it does

CSS 像素是虛構的：不管你用的是哪塊面板，瀏覽器一律假設一英寸 96 像素，所以沒校正過的螢幕尺在幾乎每台螢幕上都是錯的。這個頁面從承認這件事開始——拿一張信用卡（ISO/IEC 7810 ID-1，全世界統一 85.6 mm 寬）或一枚硬幣貼著螢幕，把外框拖到跟實物重合。從那一刻起，這塊螢幕上的 mm 和英寸刻度就是真的，可拖曳的測量線讀出來的也是真實長度。

### 為什麼預設用卡片

精度完全取決於你拖得多準，而參照物越長，差一個像素的代價越低：硬幣直徑大約 24 mm，差一個像素的相對誤差遠比 85.6 mm 的卡片大得多，所以卡片排第一。手邊沒卡的話，頁面也提供十元硬幣、美國 25 美分、2 歐元、英國 1 英鎊、500 日圓，還有 `A4` 紙的短邊——那是所有參照物裡最長的，印表機旁邊抽一張就行。校正結果用 `localStorage` 記在這個瀏覽器裡，不會送去任何地方。

### 什麼會讓校正失效

瀏覽器縮放會改變一切——要在你量東西時的縮放倍率下校正，改了倍率就重新校正。外接螢幕是另一塊螢幕、另一種像素間距，需要自己的校正；頁面偵測不到視窗被拖去別台螢幕，沒重新校正就直接量，數字會安靜地錯給你看。另外，這把尺量的是玻璃表面那個平面：沒辦法平貼螢幕的東西——曲面的、厚到會產生視差的——都在它能誠實丈量的範圍之外。

## Limits

Does not know your screen's physical size without calibration against a card or coin; measurements are only as accurate as that step.

## FAQ

### 為什麼螢幕上的尺預設就是不準？

因為瀏覽器根本不知道你的像素多大。CSS 把一英寸定義成 96 像素，不管你用 14 吋筆電還是 32 吋 4K 螢幕，網頁拿到的都是同一個數字——真實的像素密度網頁看不到。唯一能把刻度變準的方法，就是對著一個尺寸已知的實物校正（付款卡全世界都是 85.6 mm），所以這把尺在宣稱任何數字之前，會先請你做這件事。

### 改瀏覽器縮放會不會讓校正失效？

會。縮放直接改變每個 CSS 像素的大小，在 100% 校正好的尺，切到 110% 就剛好錯那個倍數。要在你打算量東西的縮放倍率下校正，之後只要改了縮放或 OS 的顯示縮放，就重新校正。存下來的值只屬於「這塊螢幕的這個縮放倍率」，僅止於此。

### 手邊沒有信用卡，還有什麼可以用？

任何 ISO/IEC 7810 ID-1 規格的卡都行：金融卡、悠遊卡、會員卡——重點是 85.6 mm 寬，不是哪家銀行發的。不然就從頁面提供的硬幣裡挑（十元硬幣、美國 25 美分、2 歐元、英國 1 英鎊、500 日圓），或用 `A4` 紙的短邊。盡量挑手邊最長的參照物：硬幣越小，拖差一個像素的代價越高。

### 校正資料會被上傳或追蹤嗎？

不會。校正只是一個數字——你這塊螢幕上一個 CSS 像素等於實際幾毫米——用 `localStorage` 存在這個瀏覽器裡，下次來就不用重做。它從頭到尾不離開你的裝置，清掉這個網站的資料它就跟著消失。

### 校正完之後到底有多準？

你對著參照物拖得多準，它就多準。用卡片仔細對過，在卡片這段長度內誤差壓在半毫米以內是做得到的，而誤差會隨距離等比放大。它取代不了游標卡尺——拖曳、你的眼睛、螢幕玻璃的厚度都會累加——但拿來確認螺絲、紙張尺寸或相框，它誠實而且每次量都一樣，前提是縮放和螢幕跟校正時相同。

## Related tools

- [Printer Test Page](https://bytescope.dev/zh-Hant/print-test-page.md) — 列印一張測試頁，包含彩色色塊、黑色墨量、對齊格線與細線銳利度測試。