title: Media queries doesn't work
body: <p>Does anyone know why my media queries code doesn't work ? </p>
  
  <pre><code> &lt;div class="box"&gt;&lt;/div&gt; 
  </code></pre>
  
  
  
  <pre><code> .box {
       background-color: red;
       width: 100%;
       height: 50px;
   } 
  
   @media only screen and (max-device-width: 768px)  {
       .box {border: 5px solid blue;}
   }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/N9mYU/" rel="nofollow">http://jsfiddle.net/N9mYU/</a></p>