Membuat template versi mobile untuk Blogspot - Simple Projects

Simple Projects

Blog Projects Tutorial & Learning

Komputer

test banner

Post Top Ad

Responsive Ads Here

Membuat template versi mobile untuk Blogspot

Share This

 Membuat Template Mobile


Ada banyak kekurangan dan kelebihan membuat template yang sudah jadi, makanya lebih puas bila kita buat sendiri templatenya.
Template yang seperti ini biasanya berisi kode css untuk mendeteksi lebar layar dari browser client yang kita miliki..
kode template mobile  ada dalam css, biasanya formatnya seperti ini ...
 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {...}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px)


Tidak ada komentar:

Posting Komentar

Post Bottom Ad

Responsive Ads Here