title: Combining CSS media queries
body: <p>I want to display the same set of CSS styles to people printing the page (media=print) and people browsing on a mobile phone. Is there a way I can combine CSS media queries? </p>
  
  <p>Something like </p>
  
  <pre><code>@media only print or @media only screen and (max-device-width: 480px) {
    #container {
      width: 480px;
    }
  } 
  </code></pre>