Web and WebWorks Development

[rpaskowitz]

I'm converting a WebWorks app from PlayBook to BB10, and when I load on my Alpha device, everything appears highly zoomed-in. In Ripple it appears fine.

I have tried

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

 and

var meta = document.createElement("meta");
meta.setAttribute('name','viewport');
meta.setAttribute('content','initial-scale='+ (1/window.devicePixelRatio) + ',user-scalable=no');
document.getElementsByTagName('head')[0].appendChild(meta);

 but in both cases I get the following screenshot (taken on device, with remote web inspector running to show dimensions of image)

 

Web inspector is showing an image resolution of 175x254, however when measuring in the screenshot it is closed to 395x575.

[rpaskowitz · Accepted solution]

Nevermind...had to remove the HTML meta and then the Javascript set one worked.

[chadtatro]

Glad you were able to sort it all out.  I marked your answer as the solution to help others out as well.