Cara Membuat Web Versi Mobile

Di tutorial sebelumnya saya telah menjelaskan cara mendeteksi browser client yang menggunakan perangkat mobile. Silahkan dibaca disini: Cara mendeteksi mobile browser. Sekarang saya akan jelaskan perbedaan HTML untuk versi desktop dengan HTML untuk versi mobile.
Perbedaannya hanya pada meta tag:



Jadi jika anda ingin membuat halaman HTML anda menjadi versi mobile anda cukup menambahkan meta tag di atas ke header HTML anda. Misalnya:










Hallo ini web versi moblie



Gampang kan?!
Nah agar tampilan web anda tidak kacau dalam artian tidak melebihi lebar layar HP/tablet maka semua element width dalam css dan html anda jangan menggunakan lebih dari 400px. Untuk lebih amannya gunakan width:100%; atau width:auto;

Semoga bermanfaat.

Terima kasih telah membaca artikel tentang Cara Membuat Web Versi Mobile di blog Angka Belia jika anda ingin menyebar-luaskan artikel ini dimohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silahkan bookmark halaman ini di web browser anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Artikel terbaru :

Suka artikel ini? Bagikan :

FacebookGoogle+