I’m trying to create a mobile friendly website but I can’t seem to get my base template right.
The template needs to be fullscreen, but not all the text needs to be small like my HTC Sensation (Cellphone) displays.
So it needs to have a width of 100% but it does not have to be seen like it is zoomed out.
A mobile browser will often assume, by default, that it’s loading a page that was designed for a large screen, and therefore will make an assumption of size and then just zoom the entire document down.
To tell the mobile browser you want to target it’s own screen size, you need to add the viewport meta tag information:
https://developer.mozilla.org/en/Mobile/Viewport_meta_tag