Jika mengambil screenshoot browsingan dari handphone 6,7 inci di posisi layar horizontal, ukuran gambar atau image size yang dihasilkan sekitar 2400px x 1080 px. Dan screenshoot diambil dari handphone beresolusi 2412px x 1080px.
Namun tampilan situs di browser handphone layar 6,7 inci dalam posisi horizontal adalah 850px.
Untuk posisi vertikal/memanjang atas-bawah, ukuran pixel untuk handphone 6,7 inci adalah 380px.
Untuk menarget tampilan situs di handphone 6,7 inci saat horizonal adalah @media screen and (max-width: 850px) {}
Dan @media screen and (max-width: 380px) {} untuk menarget posisi layar vertikal di handphone 6,7 inci.
Saat meminimize tampilan situs di browser pc perlahan-lahan , akan menyangka sudah melewati ambang tampilan horizontal 6,7 inci, nyatanya, 850px masih lebih lebar dari vertikalnya tablet.
Jadi inilah hasil tes yang didapat mamin saat ngecek tampilan desain tema situs, setelah selesai dengan inspect browser dan alat test desain web responsive yang beredar di internet.
Angka 850px di @media screen and (max-width: 850px) {} baru mengenai posisi horizontal pada browser handphone.
Namun di dua handphone berbeda merk dengan layar 6,7 inco, dengan browser yang sama, angka nya tidak sama.
Handphone yang satu 860 sekian sudah kena, yang satu lagi di angka 850 pixel baru ikut kena.
Tentang Author
St
Dikirim pada -
27 Sep 2023
" Selamat datang, selamat membaca dan selamat berseluncur "
Lainnya oleh Santuy :
Komentari
Posting Komentar