responsive web : meta yang wajib ada untuk responsive web html

responsive web : meta yang wajib ada untuk responsive web html

  html   Ahmad Syarifudin Mahzumi   21 Sept 2018

Mengapa anda perlu menambahkan tag meta viewport pada web anda? ayo kita sama-sama belajar yah. mungkin bagi pemula yang sedang belajar responsive web design, anda akan kebingungan ketika website yang anda buat tidak responsive. Bisa jadi anda belum memasukkan tag meta viewport pada website yang anda bangun. Pada html. tag viewport biasanya ditulis :

name="viewport" content="width=device-width, initial-scale=1">

Viewport digunakan untuk desain web responsif. Tag meta viewport akan memberikan intruksi ke browser untuk mengatur dimensi dan sekala web. Nilai width=device-width, artinya lebar web akan mengikuti lebar dari layar perangkat yang digunakan. Nilai inital-scale=1, artinya web akan diberikan skala (zoom) menjadi 1 (normal). Untuk membuktikan meta viewport berfungsi untuk responsive web, anda dapat mencobanya dengan membuka website yang anda buat pada android atau sebangsanya. ketika anda membuat website responsif dengan bootstrap, coba anda bandingkan ketika ada tag meta viewport atau tanpa meta viewport. Jadi, kesimpulannya tag meta viewport berfungsi untuk mengatur ulang dimensi dan skala (zoom) web.

Bagikan Artikel Ini :

Blog Terkait

HTML - Text Editor Terbaik yang Wajib Anda Ketahui
HTML - Text Editor Terbaik yang Wajib Anda Ketahui

sebelum anda belajar lebih dalam tentang HTML, anda perlu tahu terlebih dahulu tools yang dapat digunakan untuk membuat, menulis ataupun...

Selengkapnya
Apa yang dimaksud Meta Charset UTF-8 ?
Apa yang dimaksud Meta Charset UTF-8 ?

UTF-8 atau Universal Character Set, atau yang umum disebut sebagai Charset adalah kumpulan dari beberapa jenis pengkodean karakter baik huruf,...

Selengkapnya

Hello!

Click one of our representatives below to chat on WhatsApp or send us an email to ahmadsyarifudin798@gmail.com

Ahmad Syarifudin Support
6285778118560
Call us to +6285774591955 from 0:00hs a 24:00hs
Hello! What can I do for you?
×
How can I help you?