How to center alignment of scaled viewport scaling for iphone

Question

When I set the maximum zoom and when I rotate the orientation back and forth, the web page is not centered on the phone.

So using this code

  <meta name="viewport" content="width=device-width; initial-scale=0; maximum-scale=2;">

How can I simulate the effect of CSS margin: 0 auto ;.

+5

Dan Oct 21 '10 at 4:41

2 answers

For people arriving here from Google, you should also look at the next page on Apple [1].

The viewport tag is very useful.

+4

Nathan Garrett 23 . '11 22:18

Adam storr · Accepted Answer · 2011-02-16T00:51:54+0000

You will need to have a shell inside another shell to make it work. External can have the following CSS:

#wrapper {
min-width: 320px;
max-width: 480px;
}

And inside inside will be the following:

#inside-wrapper {
min-width: 300px;
max-width: 460px;
margin: 0 auto;
}

You can still use margin: 0 auto;