html5Untuk membuat website Responsive pada semua Ukuran Device fungsi ini wajib untuk anda letakan pada kode website anda, saya bilang ini sangat wajib. karena kita membuat website itu di komputer dan akan di jalankan di komputer , tablet dan mobile. apakah pada ukuran tablet dan mobile sudah friendly ? dengan cara anda membuat di komputer dan di tes responsive dengan cara minimize ukuran browser itu tidak cukup. karena pada ukuran mobile atau table ini tidak akan sama dengan yang anda liat jika anda menge tes program anda dengan mengecilkan browser. Meta Viewport ini salah satu untuk mencegah hal seperti itu. ada beberapa fungsi Meta viewport sebagai berikut :

Sebenarnya konsep viewport ini dicetuskan oleh apple (CMIIW) untuk produk2nya termasuk IOS pada ipod/iphone dan ipad, namun diterapkan juga oleh browser-browser lainnya. Untuk gampangnya, sebagai contoh tampilan yang dilihat adalah tabel berukuran 980px. Coba langsung tambahkan kode-kode berikut diantara < HEAD>, dan apa yang akan terjadi?

Ipad pada posisi landscape mempunyai resolusi 980px, dan pada posisi portrait akan memiliki resolusi 768px,maka jika ipad diputar dari landscape ke portrait. Tabel berukuran 980px akan menyusut skalanya menjadi muat di 768px, jadi bukan ukuran tabelnya yang berubah, tetapi skalanya, maka tulisannya akan terlihat mengecil.

Ini sangat berguna jika kamu merancang tampilan khusus untuk device tertentu saja. Untuk iphone misalnya.

Berapapun ukuran resolusi browser, tampilan akan 100%. Pada kasus ipad rotation tadi, maka tampilan akan sedikit terpotong pada mode portrait karena skalanya tetap 980px.

Menentukan maksimum zoom-in yang bisa dilakukan, kalo ini kan 1, berarti gak bisa di zoom-in lagi deh.

User tidak bisa zoom-in dan zoom-out.

Satu hal lagi yang layak dicoba, meta tag viewport memungkinkan lebih dari satu content dimasukkan, cukup dipisahkan dengan tanda koma ‘,’. contohnya:

Membuat tampilan web responsive, bukan semata-mata serunya melihat tampilan berubah ketika browser di besar-kecilkan resolusi-nya. Tetapi juga mengakomodasi tampilan untuk dapat tampil nyaman di bermacam device, browser dan resolusi.