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

dvschultz / 99problems

99 Problems and e-reader rendering are all of them

60 stars 3 forks source link

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

Open teytag opened 10 years ago

teytag commented 10 years ago

orientation:portrait works. But it doesn't.

dvschultz commented 10 years ago

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

teytag commented 10 years ago

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

dvschultz commented 10 years ago

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.