Web and WebWorks Development

[j_invantage]

I am working on a web app that works accross all platforms.

Using <meta name="viewport"> all browsers show the webapp perfectly, but not BlackBerry (honestly, I'm not surprised)

I have every possibility with viewport, and nothing works on any blackberry smartphones. Here is what I have:

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

Anyone can help?

[shnuffy]

Well you have an errant quote " in your second line. Try this:

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

[j_invantage]

Yes, in the thread, but not in my file. I copy pasted it in there and simply didn't see it.

Good catch though.

... Yet it still does not work.

I tried all possibilities:

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

and so on... 

[shnuffy]

Hm... try adding the id tag like I have in my example. Maybe the BB looks for it.

Does it just behave as if the meta viewport isn't there at all? Does it display correctly on iPhone?

[j_invantage]

It displays perfectly on every other devices (iPhone 3g, 3gs, 4, 4s, android) but not Android. BlackBerry is the only platform I always have to adjust and adapt too... makes me feel like Internet Explorer madness...

I'll try the id, but I doubt it'll do anything... it's usually used in parallel with JavaScript to modify the meta tag on the fly...

[j_invantage · Accepted solution]

I FOUND IT!!! God  Blackberry is he worse thing that ever existed... I seriously cannot understand how they got in so deep in enterprise...

So for those who want to know how to fix it, it's simple.

First I had what every other phone browser displayed perfectly:

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

 But it turns out that Blackberry does not support initial-scale, minimum-scale or maximum-scale when a specific page width has been determined in the body ( ie: width: 640px; ).

So if you do this, every other device still displays it fine, and blackberry does too!

<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=640, user-scalable=no" />

[shnuffy]

Thanks for posting the solution!