search

dvschultz / 99problems

99 Problems and e-reader rendering are all of them
60 stars 3 forks source link

iBooks media queries differ for scrolling vs pagination #18

Open dvschultz opened 10 years ago

dvschultz commented 10 years ago

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 commented 10 years ago

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 commented 10 years ago

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/dvschultz/99problems/issues/18 .

dvschultz commented 10 years ago

yes, I assume so as well.

teytag commented 10 years ago

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