Karakteristik OnePlus 6

Résolution du viewport CSS 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 OnePlus 6 itu adalah:

  • 412 piksel dalam lebar
  • 869 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.

Segera tersedia dalam simulator

Uji situs responsif Anda pada model serupa berkat ekstensi browser.
Ini gratis dan dapat diaktifkan dalam 2 klik.

Pasang ekstensi Chrome

Kepadatan piksel

Pada OnePlus 6 itu adalah 2.625

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: 2.625) {

                                /* CSS */

                            }

Juga dalam javascript, dimungkinkan untuk mendapatkan nilai kepadatan piksel.

                        
                            window.devicePixelRatio

                            // Yang akan mengembalikan angka 2.625

Resolusi pabrikan OnePlus 6

Mengingat kepadatan piksel, ini memberikan:

  • 1080 piksel dalam lebar
  • 2280 piksel dalam tinggi