如果這個工具幫到了你,可以請作者喝杯咖啡 ☕
線上測量螢幕上物體的長度和距離,支援畫素、毫米、釐米和英寸等多種單位。
tools.ruler.tip
當您需要精確測量網頁元素或設計稿的尺寸時,實體尺子無法滿足螢幕測量需求。螢幕直尺透過在螢幕上繪製可調節的標尺,實時計算並顯示目標物體的長度值。1畫素(px)是螢幕顯示的最小單位,透過DPI換算可將畫素長度轉換為毫米(mm)、釐米(cm)或英寸(in)等物理尺寸。
如何校準直尺以獲得準確結果?
使用一張標準尺寸的信用卡(85.6×54mm)作為參照,調整工具的DPI設定使其匹配您的螢幕實際解析度。
瀏覽器縮放會影響測量結果嗎?是的,為確保準確性,請將瀏覽器縮放比例保持在100%。非標準縮放會導致測量偏差。
不同顯示器的DPI引數不同,首次使用時建議進行校準。避免在縮放比例非100%的瀏覽器中使用。本工具僅適用於螢幕測量,不適用於實物測量。
對於網頁設計師,建議以畫素為單位測量介面元素。典型測量示例:一個標準按鈕寬度通常在120-160px之間,導航欄高度約50-80px。測量時可將直尺顏色調整為與背景對比明顯的色彩以提高可視性。