拿信用卡貼著螢幕校正一次，之後尺上的每一毫米都是真的。
檔案不會離開你的瀏覽器 — 全部在本機處理。
尚未校準 — 先假設 CSS 預設的 96 dpi
把實物平貼在螢幕上，拖曳外框右邊的把手，直到外框跟實物一樣大。之後下面的刻度就是真正的公釐。
上緣是公釐，下緣是英吋。螢幕不夠寬時，尺規可以左右捲動。
量測線可以直接拖曳；或是把焦點移到它上面，用方向鍵一次移動 1 公釐，按住 Shift 則是 0.1 公釐。
這裡的每個數字都只建立在你拖曳出來的校準值上。網頁沒有辦法知道你的像素有多大，所以外框只要沒對準實物，整個刻度就會等比例偏掉——而且看起來還是一把很正常的尺。
瀏覽器縮放和作業系統的顯示縮放都會改變 CSS 像素的大小，存下來的校準值也就失效了。請在你實際要量測的縮放比例下校準，改過縮放就重新校準一次。
外接螢幕是另一塊像素間距不同的螢幕，要各自校準。視窗被拖到另一台螢幕時網頁偵測不到，也不會有任何提示，所以移動之後請重新校準。
CSS 像素是虛構的：不管你用的是哪塊面板，瀏覽器一律假設一英寸 96 像素，所以沒校正過的螢幕尺在幾乎每台螢幕上都是錯的。這個頁面從承認這件事開始——拿一張信用卡（ISO/IEC 7810 ID-1，全世界統一 85.6 mm 寬）或一枚硬幣貼著螢幕，把外框拖到跟實物重合。從那一刻起，這塊螢幕上的 mm 和英寸刻度就是真的，可拖曳的測量線讀出來的也是真實長度。
精度完全取決於你拖得多準，而參照物越長，差一個像素的代價越低：硬幣直徑大約 24 mm，差一個像素的相對誤差遠比 85.6 mm 的卡片大得多，所以卡片排第一。手邊沒卡的話，頁面也提供十元硬幣、美國 25 美分、2 歐元、英國 1 英鎊、500 日圓，還有 A4 紙的短邊——那是所有參照物裡最長的，印表機旁邊抽一張就行。校正結果用 localStorage 記在這個瀏覽器裡，不會送去任何地方。
瀏覽器縮放會改變一切——要在你量東西時的縮放倍率下校正，改了倍率就重新校正。外接螢幕是另一塊螢幕、另一種像素間距，需要自己的校正；頁面偵測不到視窗被拖去別台螢幕，沒重新校正就直接量，數字會安靜地錯給你看。另外，這把尺量的是玻璃表面那個平面：沒辦法平貼螢幕的東西——曲面的、厚到會產生視差的——都在它能誠實丈量的範圍之外。
因為瀏覽器根本不知道你的像素多大。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 存在這個瀏覽器裡，下次來就不用重做。它從頭到尾不離開你的裝置，清掉這個網站的資料它就跟著消失。
你對著參照物拖得多準，它就多準。用卡片仔細對過，在卡片這段長度內誤差壓在半毫米以內是做得到的，而誤差會隨距離等比放大。它取代不了游標卡尺——拖曳、你的眼睛、螢幕玻璃的厚度都會累加——但拿來確認螺絲、紙張尺寸或相框，它誠實而且每次量都一樣，前提是縮放和螢幕跟校正時相同。
列印一張測試頁，包含彩色色塊、黑色墨量、對齊格線與細線銳利度測試。