I'm building a mobile version for a website, and I'm having some problems...
The main page of this mobile web site is basically an image I made myself with this dimensions:
width: 320px;
height: 480px;
So, this in a normal PC browser is displayed with that dimensions... but in the iPhone the image appears in the top left corner with a very small size at the eyes of the user... I'm using width:100%; in the CSS.
This is the first time I'm making a mobile web site, so any help would be appreciated!
try using this meta tag:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">