Karakteristik Apple iPhone 12 Pro

Tester site sur mobile et test pour mobile

Resolusi viewport (aturan CSS)

Ini adalah resolusi yang paling menarik bagi desainer dan pengembang karena menentukan breakpoint dan definisi media query. Secara umum, kita hanya berbicara tentang resolusi ini.
Mengenai Apple iPhone 12 Pro itu adalah:

  • 390 piksel dalam lebar
  • 844 piksel dalam tinggi ⚠️ tinggi bersifat indikatif karena browser Safari, Chrome, dll. mengurangi area yang terlihat

ℹ️ Beberapa alat analitik hanya menampilkan resolusi pabrikan (di bawah) dan bukan yang ditampilkan di atas, jadi berhati-hatilah saat menafsirkan hasil.

Tersedia dalam simulator

Uji situs responsif Anda di Apple iPhone 12 Pro berkat ekstensi browser.
Ini gratis dan dapat diaktifkan dalam 2 klik.

Pasang ekstensi Chrome

Kepadatan piksel

Pada Apple iPhone 12 Pro itu adalah 3

Jika Anda ingin menargetkan perangkat dengan kepadatan piksel minimal ini menggunakan CSS, Anda dapat menggunakan media query ini.

                        
                            @media only screen and (-webkit-min-device-pixel-ratio: 3) {

                                /* CSS */

                            }

Juga dalam javascript, dimungkinkan untuk mendapatkan nilai kepadatan piksel.

                        
                            window.devicePixelRatio

                            // Yang akan mengembalikan angka 3

Resolusi pabrikan Apple iPhone 12 Pro

Mengingat kepadatan piksel, ini memberikan:

  • 1170 piksel dalam lebar
  • 2532 piksel dalam tinggi

Mockup HD gratis dalam format PNG

Mockup gratis Apple iPhone 12 Pro dalam HD dalam format PNG dan PSD dengan latar belakang transparan
Mockup Apple iPhone 12 Pro dalam HD PNG transparan
Simpan
 Resolusi 876 ✕ 1772px (39.51 ko)
Unduh gratis