css media-query min-width return a wrong value

Question

I have a droid eris which has a HVGA screen (320x480). But the following jquery command $.mobile.media("screen and (min-width: 800px)") returns true. Can any one tell me what's wrong? Thanks.

Matt Ball · Accepted Answer · 2011-08-12 04:39:52Z

1

It looks like you're confusing the syntax for media queries in a stylesheet, and in a <link> to a stylesheet. What you're got so far isn't syntactically valid in either context.

In a stylesheet:

@media screen and (min-width:800px)

In a link to a stylesheet:

<link rel="stylesheet" href="foo.css" media="screen and (min-width:800px)"/>

answered Aug 12, 2011 at 4:39

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

lcb Over a year ago

oh, I forgot to mention I used a jquery command: $.mobile.media("screen and (min-width: 800px)")

Collectives™ on Stack Overflow

css media-query min-width return a wrong value

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related