Cara membuat situs web Anda sesuai dengan ukuran layar yang berbeda

Pelajari cara membuat situs web Anda sesuai dengan ukuran layar orang yang melihatnya.

Langkah 1

Klik "File" dan kemudian "Open" untuk membuka halaman web Anda di editor teks. Pilih halaman web Anda dari menu.

Langkah 2

Cari tag HEAD di halaman web Anda mencari tag HTML dan di dekat bagian atas halaman web Anda.

Langkah 3

Tambahkan pemilih tag CSS tepat di atas label di dalam GAYA. Ini dapat berupa pemilih "Tubuh" atau ID DIV atau Penampung kelas jika Anda ingin konten terpisah dari latar belakang situs web. Misalnya: "body {}" atau "#container {}". Anda dapat menambahkan keduanya untuk mengontrol ukuran dua elemen. Dalam STYLE, kedua artikel akan terlihat seperti ini:

Langkah 4

Tambahkan properti lebar dengan persentase. Misalnya, jika Anda ingin tubuh menutupi seluruh area jendela, Anda harus memberikan lebar 100%. Jika Anda ingin kontainer memiliki margin yang menunjukkan bagian bawah, maka Anda dapat memberikan nilai 80%. Dengan menggunakan contoh di atas, kode akan menjadi "body {width: 100%;} #container {width: 80%;}".