iBooks media queries differ for scrolling vs pagination

[dvschultz]

in iBooks iPad, this media query returns true with pagination turned on:

@media screen and (min-width: 560px) and (orientation: portrait) {}

but return false in scrolling mode.

[dvschultz]

iBooks for iPhone has the following widths: 260px in scrolling mode (portrait) 270px in page mode (portrait) 508px in scrolling mode (landscape, iPhone5) 542px in page mode (landscape, iPhone5)

iBooks for iPad: 548px in scrolling mode (portrait) 567px in page mode (portrait) 804px in scrolling mode (landscape) 422px in page mode (landscape) (this may or may not actually work with a media query)

[jeankaplansky]

have to wonder if that's an intentional... Because scrolling mode works so differently than pagination mode. Just a hunch.

Jean Kaplansky [email protected]

On Sun, May 11, 2014 at 11:45 PM, dvschultz [email protected]:

in iBooks iPad, this media query returns true with pagination turned on:

@media screen and (min-width: 560px) and (orientation: portrait) {}

but return false in scrolling mode.

— Reply to this email directly or view it on GitHubhttps://github.com/dvschultz/99problems/issues/18 .

[dvschultz]

yes, I assume so as well.

[teytag]

Hi,

Device Position JS Detect (Primaryl iPad): http://codepen.io/ePub3Lib/pen/hwobB In reflowable desing EPUB, media orientation:landscape rule is not working on iBooks on iPad. But it is works on iPhone. This javascript solution is show to all page mode in iBooks. Download test EPUB: http://www.teyid.org/testet/#11032014

IMPORTANT NOTICE: You can learn to device body size with LabBook epub test book. Download: http://www.teyid.org/testet/#08032014

teytag [email protected]