webguync Posted June 28, 2011 Share Posted June 28, 2011 I am trying to adjust my styles to fix a few things when I view the site on the iPad. I don't have an iPad, but I am using a simulator app I found on the internet (http://ipadpeek.com/). I created a specific style-sheet for the iPad and I am accessing it with the following code. <link rev="made" href="mailto:webguync@gmail.com" /> <link rel="stylesheet" media="only screen and (min-device-width: 768px) and (max-device-width: 1024px)" href="CSS/iPad.css"type="text/css" /> the style-sheet attributes are not getting picked up when I view in the simulator. I tried placing the code for the iPad specific style-sheet above and below where I am linking my main style-sheet and neither worked. Any ideas? Quote Link to comment https://forums.phpfreaks.com/topic/240643-css-file-targeting-ipad/ Share on other sites More sharing options...
cssfreakie Posted June 28, 2011 Share Posted June 28, 2011 have a look at this article: http://perishablepress.com/press/2010/10/20/target-iphone-and-ipad-with-css3-media-queries/ Quote Link to comment https://forums.phpfreaks.com/topic/240643-css-file-targeting-ipad/#findComment-1235990 Share on other sites More sharing options...
webguync Posted June 28, 2011 Author Share Posted June 28, 2011 I tried that way, but still don't see the change to the iPad simulator. Maybe the simulator isn't accurate. <!--[if !IE]>--> <link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="CSS/iPhone.css" /> <link type="text/css" rel="stylesheet" media="only screen and (min-device-width: 768px) and (max-device-width: 1024px)" href="CSS/iPad.css" /> <!--<![endif]-- Quote Link to comment https://forums.phpfreaks.com/topic/240643-css-file-targeting-ipad/#findComment-1236014 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.