CODEWITHSUNDEEP
htmlcssiosresponsive-designmeta-tags
Finnnn
Finnnn

Reputation: 3580

Issue with meta tags in iPhone simulator

I'm using meta tags to scale a site.

It's for a demo on an iphone, so best practices can be ignored.

For some reason the scaling does not seem to change when I change the page from landscape to portrait. (I'm not talking about switching while rotating, I'm talking about full page reloads in a different orientation).

I'm testing the site in the iPhone simulator.

Am I missing something simple?

<meta name="viewport" content="width=320; initial-scale=.675">
<meta name="viewport" content="width=480; initial-scale=1">

Upvotes: 0

Views: 198

Answers (1)

matt
matt

Reputation: 534950

Why are you using two viewport tags? These are not if-then statements; you should set the viewport value once. As it stands I would expect the second one to override the first (though really, anything can happen).

Also don't confuse width with device-width. Might help to reread http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

Upvotes: 1

Related Questions