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.

avatar X451
@X451

41 Kontribusi 30 Poin

Diperbarui 3 tahun yang lalu

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>

avatar soeleman
@soeleman

120 Kontribusi 147 Poin

Dipost 3 tahun yang lalu

Tanggapan

makasih mas.. mau coba ikutin yang ukuran yg di bootstrap saja dulu..

Login untuk ikut Jawaban