iBooks Desktop returns incorrect min-width media query

[dvschultz]

it looks like iBooks for Mavericks will always return true when using min-widths:

@media only screen and (min-width: 1025px) {
    p {
        color: blue !important;
    }
}

that will turn all of a page’s text blue even when the application is very narrow.

[teytag]

Hi, Yes... The CSS3 Media Rules not works correct at iBooks Desktop... But it works at iPad or iPhone. You can download that test epubs for this topic: LABOOK http://teyid.org/testet/lib/?te=08032014 DEVICE POSITION DETECT WITH CSS3 MEDIA RULE http://teyid.org/testet/lib/?te=10032014 DEVICE POSITION JS DETECT (Primarly iPad) http://teyid.org/testet/lib/?te=11032014

[JayPanoz]

So after extended testing, it's just that the viewport in iBooks OS X is the dimensions of the document e.g. 23,000-px width—and yeah, if you're checking via JS, set a timeout or track changes because, like Readium, iBooks is a liar @ document ready and window load.