logotype
TOCOMP
Cara Membuat Tampilan Website fit dengan iPhone PDF Print E-mail
Tuesday, 29 March 2011 12:40

Pernah mengalami kesulitan untuk menyesuaikan ukuran website kamu dalam ukuran iPod touch atau iPhone? Jangan kuatir, sebab ternyata hanya dengan satu line code saja sebenarnya kamu sudah bisa melakukannya.

Cukup taruh code ini di antara tag <head> </head> website kamu.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

 

Name="viewport" menunjukkan untuk melakukan pengaturan tampilan

content="width=device-width, digunakan agar tampilan website kamu tepat berada pas pada gadget yang digunakan

user-scalable digunakan untuk mengatur apakah tampilan web pada ipod/iphone dapat dizoom atau tidak. Nilai 0 = tidak dan 1 = ya.

Sebagai perbandingan, berikut dua tampilan website yang sama dengan tampilan berbeda setelah dilakukannya penambahan code tersebut (kanan=sesudah ditambahkan code, kiri=sebelum ditambahkan code)


Last Updated on Tuesday, 29 March 2011 12:56
 
 
More Articles...
<< Start < Prev 1 2 Next > End >>

Page 1 of 2