moxdev
6/8/2016 - 12:52 PM

General media query breakpoints in em.

General media query breakpoints in em.

/*  480px breakpoint  */
@media only screen and (min-width: 30em) {

}

/*  600px breakpoint  */
@media only screen and (min-width: 38em) {

}

/*  768px breakpoint  */
@media only screen and (min-width: 48em) {

}

/*  992px breakpoint  */
@media only screen and (min-width: 62em) {

}

/*  1382px breakpoint  */
@media only screen and (min-width: 86em) {

}

/*  high pixel ratio  */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

}