title: Defining CSS Media Queries
body: <p>Will the following media queries behave exactly same on mobile devices and computers or there's any difference?</p>
  
  <pre><code>@media only screen and (max-width: 480px), 
  screen and (max-device-width: 480px){
  ...
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>@media (max-width: 480px) {
  ..
  }
  </code></pre>