Responsif Desain Website

Responsif Desain merupakan suatu teknik desain yang membuat website dapat tampil dengan baik di berbagai browser yang ada pada sebuah perangkat yang memilki ukuran layar yang berbeda, contohnya adalah Notebook, iPhone, iPad, BlackBerry serta device lainnya.

Memasang Meta Tag Viewport
Meta Tag Viewport digunakan untuk mengatur lebar viewport dan skala awal yang ada pada perangkat mobile. Di bawah ini adalah contoh meta tag viewport. Sertakan meta tag ini di bagian < head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
Untuk di Microsoft Internet Explorer 8 ke bawah tidak mendukung format di atas, anda bisa menggunakan bantuan mediaqueries.js atau respond.js dengan menambah kode berikut di bawah kode yang diatas.

<!--[if lt IE 9]>     
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>  
<![endif]-->