Question

I’m developing a relatively simple website using a media query to target mobile devices (640px width and under) and when I view it on my archaic iPhone 3g it looks fine apart from the fact that there seems to be something that makes it primarily appear very “zoomed out”

It’s probably easier to show you an example;

http://deanelliott.me/misc/berman/interior.php

I’ve only tested it on my iPhone so I’m not sure how it displays on other phones.

Any help would be most appreciated.

Answer 1

It appears your viewport settings are missing.

This is what I use:

<meta name="viewport" 
   content="width=device-width, initial-scale=1, target-densitydpi=device-dpi" />