1

I developed a website for 1024x768 and used the following viewport:

<meta name="viewport" content="width=768, initial-scale=1" />

It looks great on desktop and tablet, but when I view on the iPhone it's zoomed in. I can double tap to view the entire website and then it looks great too. But is there a way so that on the iPhone will immediately view the zoomed out version?

Mark
  • 16,906
  • 20
  • 84
  • 117

1 Answers1

0

Use width=device-width for portrait orientation. Otherwise you must use media queries for each proposed width view device (for landscape position).

Panagiotis
  • 1,539
  • 1
  • 14
  • 28
  • Device-width didn't help... I was kinda hoping I wouldn't have to do media queries for the proposed screen sizes. – Mark Apr 02 '12 at 17:21
  • Unfortunately you have [to](http://tech.bluesmoon.info/2011/01/device-width-and-how-not-to-hate-your.html) – Panagiotis Apr 02 '12 at 17:22
  • Can't i like simulate a double tap to get the desired effect? :p – Mark Apr 02 '12 at 17:33
  • Maybe this would help. http://stackoverflow.com/questions/1230019/how-to-set-viewport-meta-for-iphone-that-handles-rotation-properly – Panagiotis Apr 02 '12 at 17:37