Skip navigation

detect orientation for flowing ipad ebook

581 Views 0 Replies Latest reply: Aug 28, 2012 10:23 AM by mzmm RSS
mzmm Calculating status...
Currently Being Moderated
Aug 28, 2012 10:23 AM

i'm working on a flowing epub2 and am trying to invoke different CSS depending on whether the ipad's in portrait or landscape orientation.  i've tried linking to the CSS in the head 

<link rel="stylesheet" media="all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait)" href="ipad-portrait.css" />

as well as in the stylesheet itself using:

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {   .portrait-class {


} }

different stylesheets are loaded based on the device-width so i can create separate ipad and iphone versions of the CSS, but ibooks seems immune to (orientation:x).  anyone know if this is/will be supported? 



More Like This

  • Retrieving data ...

Bookmarked By (0)


  • This solved my question - 10 points
  • This helped me - 5 points
This site contains user submitted content, comments and opinions and is for informational purposes only. Apple disclaims any and all liability for the acts, omissions and conduct of any third parties in connection with or related to your use of the site. All postings and use of the content on this site are subject to the Apple Support Communities Terms of Use.