Advanced Search

Using CSS Media Queries to Style iPhone and iPad

/ Published in: CSS
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your 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">

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.