Pengantar Tata Letak untuk Berbagai Layar dalam CSS

Di dunia modern, sebuah situs web harus ditampilkan dengan baik pada perangkat dengan berbagai ukuran layar.

Biasanya perangkat dibedakan menjadi empat kelas: komputer (desktop), laptop, tablet (tablet), dan ponsel (mobile).

Dulu, di zaman dahulu, ukuran layar populer dari semua perangkat sudah diketahui, dan jumlahnya tidak banyak. Situs web dibuat agar ditampilkan dengan benar pada daftar resolusi yang diketahui tersebut.

Saat ini, jumlah perangkat menjadi sangat banyak, sehingga mustahil untuk membuat daftar resolusi yang harus diakomodir oleh sebuah situs web. Sekini dianggap bahwa tata letak harus ditampilkan dengan benar pada layar berukuran apa pun.

Hal ini dicapai dengan mengatur ulang blok pada titik-titik kunci tata letak. Titik-titik kunci ini dipilih bukan untuk perangkat tertentu, tetapi untuk konten situs web - sehingga tampilannya bagus.

Di antara titik-titik kunci, lebar elemen situs web harus fleksibel, agar menyesuaikan diri dengan lebar layar. Sedangkan pada titik-titik kunci terjadi pengaturan ulang blok ke posisi lainnya.

Tata letak yang dijelaskan disebut adaptif atau responsif (responsive). Kita akan mempelajarinya dalam pelajaran-pelajaran berikutnya.