PhoneGap + Android + media queries

Question

I have been struggling with this for a week now. I have read tons of posts/webs/tips&tricks, but I just can\'t figure this out.

I need to set CSS rules for different

Answer 1

Have you tried it using javascript to see what is being returned by the media query, to check the results?

var mq = window.matchMedia( "only screen and (max-width: 600px) and (max-height: 1024px) and (orientation: portrait)" );  

if (mq.matches) {
    // window width is exactly 600x1024 and portrait
}
else {
    // window width is exactly 600x1024 and portrait
}

Link for reference.