So I'm new to app building and know very little coding details. This could be a very simple fix. I have created a custom html doc and added the code from a google calendar. However, when i preview the page in the simulator, i have to zoom in to the calendar. Is there any way to fix the page where I would not have to zoom? I have already tried fooling around with the pixels on the google calendar settings with no luck.

You need to add this to the header section <meta name=viewport content=width=device-width; initial-scale=1.0; maximum-scale=2.0; user-scalable=1;/ > If you don't want the user to be able to zoom in change the value maximum-scale to 1.0 BR/Stefan

Make sure you include the quotes in the appropriate places. <meta name=viewport content=width=device-width and so on or the page might not load correctly.

@gereghas - nice catch! ;) Yes its important that the quotes is placed after the = and at the end of the word =(quotes)viewport(quotes) and so on...

hmm... just realized that it did not post the quotes. The No HTML anchor busted me.

Thanks! That worked for my google calendar. I have an RSS feed that is having the same problem. Any idea on how to fix that? I'm using blogger.com and would like to focus only on the content of the blog and not the whole webpage.

@sloanab - What exactly is the problem with the RSS feed?

Once a topic is clicked on the RSS feed, I have to zoom into the content on the blog. I'm using blogger.com. I was wondering if there was a way to pull up the content and have it fitted to the screen automatically.

I believe you're going to have to change the output settings for blogger.com or whatever HTML page clicking on a link loads. See if this functionality is available yet: http://techicloud.blogspot.com/2010/12/mobile-version-now-available-for.html

Can I make it FULL screen? as in, there is no navigation, or status bars, etc.? They could get out via tap. Or do I need 1.5? This is custom HTML.