Contact Admin
bandar Q
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.