Viewport meta tag

Viewport meta tag , saat ini responsive design menjadi struktur standar dalam membuat website, dengan responsive website menjadi bisa dibuka oleh apa saja , dari browser komputer sampai ke mobile device .
contoh viewport meta tag untuk web yang responsive design

Code:

<meta content="width=device-width, initial-scale=1.0" name="viewport">

nah di atas tersebut merupakan code viewport meta tag, bahkan web bersosialpun memakai kode tersebut untuk bisa dibuka dimobile device.. dan width(ukuran lebarnya) mengikuti lebar device

Code:

content="width=device-width

nah bagai mana jika kalo web tidak support responsive design, apa bisa menggunakan viewport meta tag ? jawabnya pasti bisa dan pastinya disesuaikan lebarnya dengan keinginan kita, berikut contoh nya


gambar pertama tanpa viewport dan gambar kedua memakai viewport dengan kode

Code:

<meta name="viewport" content="width=1024">

mau pelajari lebih lengkap ? silahkan kunjungi source nya http://webdesignerwall.com/tutorials/viewport-meta-tag-for-non-responsive-design

semoga bermanfaat

 

Untuk smartphone Android

Untuk smartphone Android harus menggunakan viewport ini kalau tidak maka tidak bisa responsive, forum inipun menggunakan kode seperti itu:

Code:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Nice share *smile*

 

oh

oh jadi kalo pake viewport tampilan bisa lebih maksimal ya *scratch_one-s_head*

 

yaa ,, jadi untuk design yg

yaa ,, jadi untuk design yg responsive ( support mobile ) harus menggunakan viewport seperti yg mas Dan tulis ,, namun jika tidak responsive , misal menggunakan 960 gs (width:960px) bisa juga menggunakan :

Code:

<meta name="viewport" content="width=1000">

hasilnya pas di loading via mobile sebelah sisi kanan dan kirinya ada sela sekitar 20px

 

Wah baru tau nih

Wah baru tau nih, ternya untuk kebutuhan mobile theme or theme yang responsive tu harus dipasang "meta nama" seperti itu ya.... heheheh saya coba di mobile theme dulu mas dan... karena selama ini saya menggunakan theme yang terpisah, antara theme untuk monitor standar dan theme mobile

 

Template Blogger tinggal

Template Blogger tinggal pakai dan sudah ada fitur kayak gini *biggrin*

 

Jumbulen wrote:

pakai blogger mah jgn ditanya,, tinggal langsung nulis aje intinya nulis.. nulis.. nulis hehehe bikin konten..konten konten

 

Sudah defaultnya

Kalau template defaultnya blogger sudah responsive dari sononya *biggrin*

 

Apakah viewport meta tag support semua jenis template?

sobat saya mau tanya apakah viewport bisa di gunakan untuk template premium utamanya hasil design dari orang tertentu?
bisa lihat contohnya yang saya gunakan diblog Lintas Line

 

kalau untuk blogger <meta

kalau untuk blogger

Code:

<meta content='width=1100' name='viewport'/>

apakah harus di ganti dengan

Code:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

?

 

Nice share . . . bagus juga

Nice share . . . bagus juga nih untuk ane yang baru belajar

 

Template Jaman sekarang

Template Jaman sekarang isinya banyak yang Responsive, , , biasanya sih meta tag tersebut sudah ada

 

Saya sudah,

hehehe, salam lewat kawan..

 

ncang wrote:

paling aman pake

Code:

content="width=device-width

, kan menyesuaikan ukuran device

 

wah makasih mas sharenya

wah makasih mas sharenya