সোমবার, ২২ আগস্ট, ২০১৬

Standard responsive width for CSS3 Media Queries from Bootstrap

/* Extra small devices (phones, less than 768px) */
@media screen and (max-width: 767px) {
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
}


I use following media queries :

/*=======================================
=            Media Queries              =
========================================*/

/* Portrait & landscape phone */
@media (max-width : 480px) {

}

/* Landscape phone to portrait tablet */
@media (max-width : 768px) {

}

/* Large desktop */
@media (min-width : 1200px) {

}

কোন মন্তব্য নেই: