I am creating a responsive design for the first time, i have all the media queries in and i am linking to a separate mobile style sheet, i have been using this for testing the site, Click Here and it shows up fine on the iphone and smaller Smartphone test. You can use this link Click Here if you want to test it.
My problem is that when i try to look at it on a real iphone (my iphone 2g) it just doesn’t display, and when i tried to look at it on my small screen Samsung galaxy in opera mini, there is this really weird effect where it displays the mobile version but the page is really zoomed out and it jumps from the mobile version to the normal site really quickly over and over again.
The problem may lie in the media queries or the Meta viewport tag in the head, I’m just not sure why.
Thanks in advance,