cv.cm
Semua pelajaran

Pengembang & web

Cara mengecek resolusi layar

Game, pengaturan video, atau formulir dukungan meminta resolusi layar Anda, dan angka yang Anda temukan tidak sama. Anda akan menemukan resolusi sebenarnya, melihat mengapa skala mengubahnya, dan membaca ukuran jendela browser. Berfungsi di komputer, tablet, atau ponsel apa pun.

3 mnt

Hasil hari ini Resolusi layar Anda dalam piksel asli, skala tampilan Anda, dan ukuran area halaman di browser Anda.

Zoom browser juga mengubah rasio piksel. Tekan Ctrl + 0 (Cmd + 0 di Mac) untuk mengembalikan zoom ke 100% terlebih dulu.

Buka Resolusi layar
Dalam duduk ini

  1. Kembalikan zoom browser

    Memperbesar atau memperkecil halaman mengubah apa yang dilaporkan browser. Tekan Ctrl + 0, atau Cmd + 0 di Mac, agar zoom 100%. Di ponsel, cubit kembali ke ukuran normal.

  2. Buka Resolusi layar di cv.cm

    Angka besar itu adalah resolusi layar Anda dalam piksel asli, seperti 1920 × 1080. Jika punya nama umum, seperti Full HD (1080p) atau 4K UHD, nama itu muncul di baris pertama.

    Buka Resolusi layar

  3. Pahami piksel CSS dan skala

    Windows pada 125% dan layar Retina memperbesar teks dengan memakai lebih banyak piksel asli per piksel CSS. Rasio piksel perangkat menunjukkan berapa banyak: layar 1920 × 1080 pada 125% menampilkan 1536 × 864 piksel CSS dan rasio 1.25.

    Dengan skala 125%, 1920 × 1080 piksel asli dilaporkan sebagai 1536 × 864 piksel CSS.
    Dengan skala 125%, 1920 × 1080 piksel asli dilaporkan sebagai 1536 × 864 piksel CSS.

  4. Baca viewport

    Viewport browser adalah bagian jendela yang menampilkan halaman, dalam piksel CSS. Ubah ukuran jendela dan nilainya langsung berubah. Desainer web memakai ukuran ini untuk tata letak responsif.

    Layar, ruang yang tersisa setelah taskbar, dan viewport di dalam browser.
    Layar, ruang yang tersisa setelah taskbar, dan viewport di dalam browser.

  5. Periksa detail lainnya

    Layar tersedia tidak menghitung taskbar atau Dock. Rasio aspek memberi bentuknya, seperti 16:9 atau 16:10; Orientasi dan Kedalaman warna melengkapinya. Putar ponsel dan nilainya ikut berubah.

  6. Salin detail untuk dukungan teknis

    Salin detail menyalin setiap baris sebagai teks. Tempel ke laporan bug atau chat dukungan agar pihak lain melihat persis apa yang dilihat browser Anda.

Pakai dengan alat ini

Tanya jawab

Bagaimana cara mengetahui resolusi layar di Windows atau Mac?

Di Windows, Settings → System → Display menampilkan angka yang sama dengan angka besar di sini. Di Mac, System Settings → Displays menampilkan ukuran "terlihat seperti", yaitu ukuran CSS di halaman ini; angka besar adalah piksel asli di baliknya.

Mengapa situs web bilang layar saya lebih kecil dari sebenarnya?

Situs web melihat piksel CSS. Dengan skala tampilan di atas 100%, piksel CSS lebih sedikit daripada piksel asli. Kalikan dengan rasio piksel perangkat untuk mendapat resolusi sebenarnya.

Berapa resolusi ponsel saya?

Ponsel punya rasio piksel 2 sampai 3 atau lebih, jadi ponsel yang melaporkan 390 × 844 piksel CSS dengan rasio 3 punya 1170 × 2532 piksel asli.

Apakah viewport lebih besar sama dengan layar lebih besar?

Tidak. Viewport hanya area halaman di jendela browser. Ukurannya lebih kecil dari layar jika jendela tidak layar penuh atau toolbar memakan tempat.

Mengapa nilainya tidak cocok saat memakai dua monitor?

Halaman membaca layar tempat jendela browser berada. Pindahkan jendela ke monitor lain dan nilainya diperbarui.