Reka bentuk halaman web responsif - Pengenalan

Apakah reka bentuk halaman web responsif?

Reka bentuk web responsif akan memastikan halaman web anda kelihatan baik di semua peranti.

Reka bentuk web berrespons hanya menggunakan HTML dan CSS.

Reka bentuk web berrespons bukan program atau JavaScript.

Reka bentuk untuk mencapai pengalaman yang terbaik bagi semua pengguna

Boleh digunakan banyak jenis peranti untuk melihat laman web: komputer meja, tablet dan ponsel. Baik menggunakan mana-mana peranti, laman web anda seharusnya kelihatan indah dan mudah digunakan.

Laman web tidak seharusnya melepaskan maklumat untuk mematuhi peranti kecil, tetapi sebaliknya mempatuhkan kandungannya untuk mana-mana peranti:


Komputer Meja

Tablet

Ponsel

Jika anda mengatur saiz, menyembunyikan, kecilkan, membesarkan atau memindahkan kandungan menggunakan CSS dan HTML untuk membuatnya kelihatan bagus di mana-mana skrin, ini disebut reka bentuk laman berrespons.

Jika anda tidak memahami contoh di bawah ini, jangan khawatir, kami akan menguraikan kod secara bertahap di bab berikutnya:

Cuba Sendiri