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 iPad Air 4 (2020) itu adalah:
- 1180 piksel dalam lebar
- 820 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 iPad Air 4 (2020) berkat ekstensi browser.
Ini gratis dan dapat diaktifkan dalam 2 klik.
Kepadatan piksel
Pada Apple iPad Air 4 (2020) itu adalah 2
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) {
/* CSS */
}
Juga dalam javascript, dimungkinkan untuk mendapatkan nilai kepadatan piksel.
window.devicePixelRatio
// Yang akan mengembalikan angka 2
Resolusi pabrikan Apple iPad Air 4 (2020)
Mengingat kepadatan piksel, ini memberikan:
- 2360 piksel dalam lebar
- 1640 piksel dalam tinggi
Mockup HD gratis dalam format PNG
