Posted By

Ashung on 06/26/11


Tagged

iphone iPad


Versions (?)

Using CSS Media Queries to Style iPhone and iPad


 / Published in: CSS
 

URL: http://broadcast.oreilly.com/2010/04/using-css-media-queries-ipad.html

  1. <link rel="stylesheet" media="all and (max-device-width: 480px)" href="iphone.css">
  2.  
  3. <link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" href="ipad-portrait.css">
  4.  
  5. <link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" href="ipad-landscape.css">
  6.  
  7. <link rel="stylesheet" media="all and (min-device-width: 1025px)" href="ipad-landscape.css">

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: simondiercks on November 9, 2011

great summary, thx

You need to login to post a comment.