CODEWITHSUNDEEP
javascriptjquery-mobile
Mazzy
Mazzy

Reputation: 14179

jquery mobile error into javascript google console

I'm building a jquery mobile site and I have an error.In my googlejavascript interface error I receive this error

Viewport argument value "device-width;" for key "width" not recognized. Content ignored.

I haven't any idea how could be since I don't know anything about javascript

what could be?what does it mean?

Upvotes: 4

Views: 521

Answers (3)

Diego Dorado
Diego Dorado

Reputation: 398

Acording to this page, the syntax of viewport meta tag is incorrect.

Even though iPad wont complain about it, it should be

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

And not

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />

Notice the colon instead of semicolons

Upvotes: 3

quadium32
quadium32

Reputation: 110

The "device-width" only works for mobile devices. If you are testing on most normal desktop browsers, they will not know how to handle it. No harm will be done, however - they simply ignore it and note it in the console - nothing that will bother regular users.

(You may also get similar messages if you apply orientation:portrait or orientation:landscape specific styles or meta tags)

Upvotes: 2

imaginethepoet
imaginethepoet

Reputation: 864

It really doesn't mean much. It basically is more of an error because the browser doesn't know how to handle the code that is meant for another device. So it freaks out and gives an error though it's just the browser not understanding what this means.

Upvotes: 0

Related Questions