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:[email protected]" /> <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? 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/ 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]-- Link to comment https://forums.phpfreaks.com/topic/240643-css-file-targeting-ipad/#findComment-1236014 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.