I put this line at the end of my Head section:

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

With a little tweaking I have a grid with two columns that "auto-zooms" to fit the phone.

I tried the following: 

        $(window).bind('resize', function() {
            $("#list").setGridWidth($(window).width());
        }).trigger('resize');

and it basically expanded the column widths of the two visible columns...What I really want it to do is keep the same width, but auto-zoom in to fill the phone's screen width so the user doesn't have to zoom in.

Is there a way to do this on iPhone and Android in my javascript code?