99problems icon indicating copy to clipboard operation
99problems copied to clipboard

CSS3 @media orientation:landscape rule doesn't on iBooks

Open teytag opened this issue 10 years ago • 3 comments

orientation:portrait works. But it doesn't.

teytag avatar Mar 12 '14 07:03 teytag

@teytag could you provide a file to test with? I think I know what the issue is, but want to be sure.

dvschultz avatar Mar 31 '14 20:03 dvschultz

Hi dvschultz... You can download TEYTAG test EPUB files on this platforms: For CSS test: Device Position Detect with CSS3 Media Rule http://www.teyid.org/testet/#10032014 And JS Solutions: Device Position JS Detect (Primaryl iPad) http://www.teyid.org/testet/#11032014

teytag avatar Apr 01 '14 09:04 teytag

oh, yeah, so I know the cause for this after doing some work on #18. Because the iPad in orientation view is two pages up, these are actually two separate viewports. This means that each viewport on their own is actually portrait orientation, so orientation: landscape is actually false. A better workaround is listed in #18 for iPad landscape viewports.

dvschultz avatar Jun 18 '14 05:06 dvschultz