Semak skrin & resolusi saya
Periksa resolusi skrin, saiz tersedia, viewport, nisbah piksel (DPI), kedalaman warna, orientasi dan keutamaan kebolehcapaian (skema warna, gerakan dikurangkan).
Semakan paparan ini membaca metrik `screen` dan `window`: resolusi, saiz avail, viewport dalaman/luaran, kedalaman warna, device pixel ratio dan orientasi. Berguna untuk debug responsif, perbandingan Retina/HDPI dan memahami bagaimana nisbah piksel mempengaruhi susun atur web — CheckProxy.org.
Mengimbas paparan…
Mengimbas paparan…
Soalan lazim — Skrin, resolusi & DPI
Soalan tentang resolusi, DPI, nisbah piksel dan viewport dalam pelayar.
Resolusi ialah lebar/tinggi skrin (`screen.width/height`). Viewport dalaman ialah kawasan kandungan halaman selepas UI pelayar — biasanya lebih kecil daripada skrin penuh.
Nisbah piksel memetakan satu piksel CSS kepada piksel peranti. Nilai 2 pada paparan Retina bermaksud imej lebih tajam tetapi sering memerlukan aset @2x — penting untuk semakan skrin dan UI.
Kedalaman warna ialah bit setiap saluran warna (selalunya 24 atau 30). Kedalaman piksel mungkin sepadan atau menambah maklumat buffer — berguna sebagai petunjuk kualiti paparan.
Pada telefon dan tablet, sudut putaran (0°, 90°, …) dan jenis potret/landskap membantu mengesahkan susun atur responsif dan media query.
Ini petunjuk pengguna/OS: tema gelap atau cerah dan animasi dikurangkan. Laman boleh membacanya untuk menyesuaikan UI dan kebolehcapaian.