Jednoczesne górne i dolne paski poziome do szerokich przedmiotów, odcinków 30 cm / 12 cali oraz inspekcji szerokości CSS w pikselach (px).
Początek (0, 0) · Przerywana Baza Lewy-Górny Róg
Wyrównaj przedmiot do kreski 0. Kliknij dowolną linijkę lub siatkę, aby ustawić przeciągane linie pomiarowe.
W 100% lokalna linijka do zdjęć i schowka
Naciśnij Ctrl+V, aby wkleić zrzut ekranu, lub wybierz plik. Nic nie jest wysyłane.
Kalibracja Gęstości Ekranu · Zapis Lokalny Dla Monitora
Przeglądarki przyjmują domyślnie 96 pikseli CSS na cal, co rzadko odpowiada prawdziwej matrycy. Wybierz jedną z trzech metod poniżej, aby każdy milimetr i cal odpowiadał rzeczywistości.
96.0 PPI·3.780 px/mm
Skala referencyjna CSS (96 px na cal)
Przyłóż płasko standardową kartę płatniczą, prawo jazdy lub dowód osobisty do poniższego obrysu i dopasuj jego szerokość.
Przyłóż Fizyczną Kartę Tutaj
Wyrównaj lewą i górną krawędź · Dopasuj prawy brzeg
Lista Kontrolna Optycznego Dopasowania
Wyliczona Skala: 96.0 CSS PPI · 3.780 px/mm
Klawiatura: kliknij obszar karty i naciśnij ← → (Shift dla kroków co 5px).
Wpisz przekątną widocznej matrycy w calach (od narożnika do narożnika wewnątrz ramki, nie obudowy). Upewnij się, że zoom przeglądarki wynosi 100%.
Uwagi o dokładności kalibracji przekątną:
Online Ruler Plus sprawdza logiczne wymiary ekranu, devicePixelRatio, orientację oraz platformę, aby dopasować znane profile sprzętowe lub obliczyć wiarygodne przybliżenie.
Dlaczego warto sprawdzić ręcznie? Przeglądarki nie odczytują fizycznych wymiarów monitorów przez HDMI/DisplayPort ani niestandardowej skali systemu. Przed ważnymi pomiarami sprawdź wynik kartą lub przekątną.
Wskaźnik Weryfikacji Fizycznej
Przyłóż prawdziwą monetę do tych na bieżąco skalowanych okręgów odniesienia, aby natychmiast potwierdzić dokładność.
Lokalny Dziennik Sesji
Umieść dwie równoległe linie pomocnicze w obszarze roboczym i kliknij Zapisz w Historii, aby zachować zmierzone odcinki (ΔX / ΔY) lokalnie na urządzeniu.
Metrologia Osi Poziomej · Równoległe Skale Górna i Dolna
Domyślnie aktywne obie poziome krawędzie ułatwiają równoległe przykładanie i kontrolę układu strony.
Przy długich przedmiotach łatwo o skrzywienie o 3–5°, a w laptopach zawias zasłania dolną krawędź. Pionowe linie łączące górny i dolny pasek całkowicie eliminują ten błąd.
Klawisz 3 włącza podziałkę logicznych pikseli W3C CSS (kreski co 10, 50 i 100 px) do szybkiej kontroli breakpointów (375, 768, 1024, 1440 px) i kontenerów.
W ekranach 16:9 aktywna szerokość to 87,2% przekątnej (34,5 cm na laptopie 15,6″; 59,8 cm na monitorze 27″). Wciśnij F, aby użyć pełnej szerokości matrycy.
Interaktywny Przewodnik Ruchowy
Wyrównaj lewą krawędź z wewnętrznym zerem i odczytaj długość na przeciwnym brzegu obiektu.
ΔX = X₂ − X₁Połącz pionowe prowadnice X z poziomymi Y, aby odczytać szerokość, wysokość oraz przekątną.
Diag = √(ΔX² + ΔY²)Geometria Ekranów Panoramicznych · 16:9, 16:10 i Ultrawide
Sprawdź, ile centymetrów i cali mieści się poziomo na typowych ekranach.
Z twierdzenia Pitagorasa dla 16:9 szerokość = Przekątna × 0,8716, a dla 16:10 Przekątna × 0,8480 (15,6″ = 34,54 cm; 27″ = 59,77 cm).
Kliknij górną lub dolną linijkę w miejscu lewej i prawej krawędzi obiektu, a dolny pasek automatycznie wyliczy ΔX.
Tak. Pozioma orientacja podwaja użyteczny zasięg telefonu z ~6,5 cm do ~13,5–15,0 cm przy zachowaniu kalibracji.
| Panel i Proporcje | Szerokość (in) | Szerokość (cm / mm) | Typowy Viewport CSS | Mieszcząca się Linijka |
|---|---|---|---|---|
| 6,1" Smartfon (19,5:9 Poziomo) | 5,55 in | 14,1 cm (141 mm) | 844 – 852 CSS px | Do 13 cm / 5 in |
| 11,0" Tablet (4:3) | 8,80 in | 22,4 cm (224 mm) | 1024 – 1194 CSS px | Linijka kieszonkowa 15 cm / 6 in |
| 13,3" Laptop (16:10 Retina) | 11,28 in | 28,6 cm (286 mm) | 1440 CSS px | Do 27 cm / 10,5 in |
| 14,2" MacBook Pro (16:10) | 11,97 in | 30,4 cm (304 mm) | 1512 CSS px | Pełne 30 cm / 11,5 in |
| 15,6" Laptop Full HD (16:9) | 13,60 in | 34,5 cm (345 mm) | 1536 – 1920 CSS px | Pełne 30 cm i 12 cali |
| 24,0" Monitor (16:9 1080p) | 20,92 in | 53,1 cm (531 mm) | 1920 CSS px | Linijka 50 cm / 18 in |
| 27,0" Monitor (16:9 QHD/4K) | 23,53 in | 59,8 cm (598 mm) | 1920 – 2560 CSS px | Linijka 58 cm / 22 in |
| 34,0" Ultrawide (21:9) | 31,36 in | 79,7 cm (797 mm) | 3440 CSS px | Linijka 75 cm / 30 in |
Wzory szerokości: 16:9 = Przekątna × 0,87158 · 16:10 = Przekątna × 0,84800 · 21:9 = Przekątna × 0,92246.
Zmień Oś Linijki lub Skale Jednostek
Metryczna · cm
Skala 1 cm i 0,5 cm + tabela cm na cale
Calowa · 1/16″
Ułamki 1/2, 1/4, 1/8, 1/16″
Drobny krok · mm
Podziałka sprzętowa 1 mm i 5 mm
Góra i Dół
Szerokie pomiary i piksele CSS (px)
Lewo i Prawo
Wysokość w pionie i telefon pionowo
FAQ Linijka Pozioma i Pikselowa
Omija problem dolnego zawiasu w laptopach oraz pozwala pionowymi liniami wyrównać szerokie przedmioty bez skrzywienia.
Kliknij 'px' na pasku lub naciśnij klawisz 3, aby wyświetlić logiczne piksele W3C od 0 px.
Aby cyfra 0 leżała całkowicie na płaskim szkle z dala od cienia i wystającego rantu ramki monitora.
Tak, skróty 1, 2, 3, 4 / M oraz Podwójne cm/in działają cały czas.