Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Ukuran layar responsive
Hallo semuanya!
di sini saya masih bingung ukuran layar responsive untuk smartphone / tablet / laptop & komputer.
yang saya tanyakan adalah seperti di css yaitu " @media only screen and(max-width:.....) "
saya masih bingung, ada yang bilang ukuran layar smartphone 600px dan ada juga yg bilang 760px.
yang mana yg benar?
dan apa ukuran layar tablet yg benar, layar laptop, layar komputer & smartphone.
1 Jawaban:
Jawaban Terpilih
<div>kalau ada yang bilang ukuran smartphone 600px atau 700px, tentu benar semuanya.<br>Bisa saja pada suatu waktu 600px adalah paling benar, soalnya pada waktu itu pembuat smartphone masih menggunakan layar seperti itu.<br>Jadi untuk hal-hal seperti ini kita bisa menggunakan informasi yang lebih tepat dengan waktu sekarang.<br>Seperti survey, <a href="https://gs.statcounter.com/screen-resolution-stats/">Screen Resolution Stats Worldwide</a>.<br>Untuk breakpoints seperti ini kita bisa melihat css-framework lakukan, coba lihat <a href="https://getbootstrap.com/docs/4.1/layout/overview/">Bootstrap Layout</a>, <a href="https://material-ui.com/customization/breakpoints/">Material-UI Breakpoints</a>, <a href="https://tailwindcss.com/docs/breakpoints">TailwindCSS Breakpoints</a> atau lainnya.<br><br>Ukuran seperti ini memang jadi kendala tersendiri, oleh karena itu sekarang kita punya alternative untuk responsive-design dengan Fluid-Design.<br>Media-Query dan Flexible-grids memang jadi andalan pada browser terdahulu.<br>Sedangkan sekarang kita punya alternative lainnya, seperti Multicol, Flexbox, CSS Grid atau CSS Sub-Grid.<br>Yang dikombinasikan dengan Responsive-Image dan Responsive-typography.</div>
Tanggapan
makasih mas.. mau coba ikutin yang ukuran yg di bootstrap saja dulu..