Contact Admin
Contact Admin
bandar Q
Libur Poker, Dewa Poker Online, Poker Terpercaya
Media Queries Agar Template Blog Menjadi Full Responsive

Media Queries Agar Template Blog Menjadi Full Responsive

Tampilan Responsive adalah tampilan yang mengikuti tampilan dari device yang digunakan misalnya dekstop (pc/laptop), tablet, handphone. hal yang paling penting agar template yang kita gunakan menjadi resposive adalah merubah satuan pixel (px) menjadi satuan persen (%).

Berikut ini adalah kerangka Media Queries untuk membuat template agar menjadi full responsive.

@media screen and (max-width:1216px){
/*  kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:1024px){
/*  kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:992px){
/*  kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:880px){
. /*  kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:768px){
/*  kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:736px){
/*  kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width: 667px){
/*  kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:600px){
/*  kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:568px){
/*  kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:480px){
/*  kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:414px){
/*  kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width: 375px){
/*  kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:320px){
/*  kode css yang ingin diubah ukurannya disini */
}
@media screen and (max-width:240px){
/*  kode css yang ingin diubah ukurannya disini */
}

Silahkan ambil mana yang dibutuhkan saja, sisanya tidak usah dimasukan.