title: iPhone Android Blackberry CSS screen media queries
body: <p>What are all screen CSS media queries for iPhone Android and Blackberry?
  Is there a list of all these?
  In both portrait and landscape.</p>
  
  <pre><code>/* Smartphones (portrait and landscape) ----------- */
  @media only screen
  and (min-device-width : 320px)
  and (max-device-width : 480px) 
  {
      /* Styles */
  }
  /* Smartphones (landscape) ----------- */
  @media only screen
  and (min-width : 321px) 
  {
      /* Styles */
  }
  /* Smartphones (portrait) ----------- */
  @media only screen
  and (max-width : 320px) 
  {
      /* Styles */
  }
  /* iPads (portrait and landscape) ----------- */
  @media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px) 
  {
      /* Styles */
  }
  /* iPads (landscape) ----------- */
  @media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px)
  and (orientation : landscape) 
  {
      /* Styles */
  }
  /* iPads (portrait) ----------- */
  @media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px)
  and (orientation : portrait) 
  {
      /* Styles */
  }
  /* Desktops and laptops ----------- */
  @media only screen
  and (min-width : 1224px) 
  {
      /* Styles */
  }
  /* Large screens ----------- */
  @media only screen
  and (min-width : 1824px) 
  {
      /* Styles */
  }
  /* iPhone 4 ----------- */
  @media
  only screen and (-webkit-min-device-pixel-ratio : 1.5),
  only screen and (min-device-pixel-ratio : 1.5) 
  {
      /* Styles */
  }
  </code></pre>
  
  <p>The final product is geared towards the Android, iPhone and Blackberry platforms, are what interest me most.</p>
  
  <p>Is there anything else I should append?
  Or maybe one of these should I replace it with?</p>
  
  <p>Thanks in advance, comrades!</p>