Android and webos no content scaling?

Question

Hey guys, I'm currently creating a website optimized for mobile devices.

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

I have a javascript dynamic grid and I don't want to scale on mobile devices. The line above works fine on iphone, but I think it doesn't work on Android and WebOS. Any idea how I can set the NO-SCALE mode for these mobile devices. Thus, there is no pinch or scaling, and the width of the device is 100% of the width of the browser?

Thank you for your advice.

Matte

Answer 1

According to http://developer.android.com/guide/webapps/targeting.html#Metadata , the user-scalable property should be set to no, not 0. So:

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

EDIT : A little more information at the bottom of the page. Safari help library - supported meta tags :

user scalable
Determines whether the user can zoom in or out, the user can zoom in the viewport. Set to yes to enable scaling and no to disable scaling. the default is yes .

Setting user-scalable to no also prevents the web page from scrolling when entering text in the input field.

Available in iOS 1.0 and later.