Smart Phone Mobile Site "Zoom" Automatically?

[robindean]

I really have no clue as to where I should post this question. More so, my smart phone is a Droid 2 and I don't know how other smart phones operate.

Basically, here is my normal site (as viewed on a normal desktop or laptop computer) ... http://www.robindean.com/

Now, here is the mobile version of my site (as viewed on a smartphone) ... http://www.robindean.com/?mobile=1

The issue I'm having is that when my site loads on a smart phone or flash/javascript compatible pda, the width/height of my site isn't automatically expanded so that the visible content fills the screen.

Instead, I have to "zoom in" until the content is scaled at a readable level.

Another way to describe it is this way. My mobile site has a total width of 447px in regards to visible content. However, when I load it into a mobile device, the content takes up only a small amount of space (unreadable) and to the right and left is an ocean of nothing but the background color.

I'm wondering if there's some way to have the page zoom the 447px div content into view for more immediate reading rather than having to do so by hand, so to speak.

Is this possible? Where do I begin? html/body width css? Some specific javascript? Avoiding certain html margins or placements?

Thanks in advance.

[robindean]

::: bump :::

I realize that there may or may not be an answer for this.

However, I'd also like to know whether my question is clear.

Can any of you out there relate/make-sense-of to the question at hand?

[Olie480]

I don't know if you got this working, but I was searching the same thing and ended up with this site.

http://www.hanselman.com/blog/MakeYo...eViewPort.aspx

It's the meta tag viewport tag that I think will work.

You this helps!

[robindean]

EXCELLENT. Thank you.