Cara Membuat Tampilan Web Menjadi Responsif Di Semua Perangkat
Desain Web Responsif adalah cara untuk membuat situs web kamu terlihat menarik di semua ukuran perangkat.
Desain Web Responsif adalah cara untuk membuat situs web kamu menarik di berbagai jenis perangkat. Kita tahu bahwa saat ini orang mengakses website, ada yang dari ponsel, tablet, atau bahkan yang berukuran besar seperti televisi. Karena itu penting untuk membuat website kamu menjadi responsif.
Ada banyak teknik untuk membuat website kamu menjadi responsif, tanpa perlu membuat atau mengubah setiap tampilannya secara keseluruhan.
Yang pasti adalah, kamu perlu memberi tahu halaman tersebut jika tidak ingin diperbesar pada perangkat yang lebih kecil.
Berikut ini adalah potongan kode untuk membuat situs web kamu menjadi responsif :
<meta name="viewport" content="width=device-width, initial-scale=1">
Bungkus potongan kode tersebut dalam tag <head></head>, seperti potongan kode dibawah ini :
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
Berikut ini contoh tampilan web yang belum responsif :
Berikut ini contoh tampilan web yang telah ditambahkan potongan kode diatas, sehingga menjadi responsif :
Sekian pembahasan tutorial Cara Membuat Tampilan Web Menjadi Responsif Di Semua Perangkat. Bagaimana menurut kamu tentang tutorial di atas, apakah cukup membantu? Kalau masih bingung komen aja di bawah! Terima kasih.
Bareh
Comparing two bad things doesn't make one of them better.
