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
jeankap@earthlink.net

On Sun, May 11, 2014 at 11:45 PM, dvschultz notifications@github.comwrote:

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//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
teytag@gmail.com