Pengenalan kepada Susun Atur untuk Pelbagai Skrin dalam CSS

Dalam dunia moden, laman web perlu dipaparkan dengan baik pada peranti dengan saiz skrin yang berbeza.

Biasanya, peranti dibahagikan kepada empat kelas: komputer (desktop), komputer riba, tablet (tablet) dan telefon (mobile).

Suatu ketika dahulu, saiz skrin popular semua peranti diketahui, dan jumlahnya tidak banyak. Laman web dibuat supaya ia dipaparkan dengan betul pada senarai resolusi yang diketahui.

Kini, jumlah peranti menjadi begitu banyak, sehingga mustahil untuk menyusun senarai resolusi yang perlu disasarkan oleh laman web. Sekarang dianggap bahawa susun atur mesti dipaparkan dengan betul pada skrin apa pun saiznya.

Ini dicapai dengan menyusun semula blok pada titik musim tata letak. Titik musim ini dipilih bukan untuk peranti tertentu, tetapi untuk kandungan laman web - supaya kelihatan baik.

Di antara titik musim, lebar elemen laman web mestilah terapung, supaya ia menyesuaikan diri dengan lebar skrin. Dan pada titik musim, berlaku penyusunan semula blok ke posisi lain.

Susun atur yang diterangkan ini dipanggil adaptif atau responsif (responsive). Kajiannya akan kita lakukan dalam pelajaran seterusnya.