Media query values

I've converted Twitter Bootstrap's media query values to ems. Assuming the base font size is 16px

/* Small devices (tablets, 768px and up) */
$screen-sm-min: 48em;

/* Medium devices (desktops, 992px and up) */
$screen-md-min: 62em;

/* Large devices (large desktops, 1200px and up) */
$screen-lg-min: 75em;

Here are some great resources for reading about @media queries…

As a closing quote,

the absence of support for @media queries is in fact the first @media query... — Rethinking the Mobile Web by Yiibu (Slide 85), Bryan Rieger


  • css3
  • media
  • queries
  • standard
  • device
  • rem
comments powered by Disqus