Cara membuat situs web saya beradaptasi dengan resolusi apa pun

Buka HTML halaman Anda dan file CSS di editor teks.

Cari tag "body", di file HTML. Ini menunjukkan awal dari area yang terlihat dari situs. Buat tag "div", di bawah "body."

Berikan ID untuk tag "div". Misalnya, "div id = halaman".

Temukan label "/ body" di bagian akhir dokumen. Tempatkan tag "div" sebelum "/ body". Seharusnya terlihat seperti ini: "/ div / body."

Simpan file HTML Anda

Buat elemen CSS di file CSS Anda, untuk tag body dan ID halaman. Atur margin dan isi tubuh ke nol. Ini akan memastikan bahwa area yang terlihat meliputi seluruh jendela browser. Misalnya: badan {margin: 0; isi: 0;} # halaman {}.

Atur lebar halaman Anda di ID, menggunakan persentase. Persentase akan memungkinkan halaman untuk berubah ke resolusi yang dilihat pengguna yang mengunjungi situs. Misalnya: # halaman {width: 100%}

Simpan file CSS Anda.