1

Some of the pages in my bootstrap site is zoomed automatically when orientation has changed from portrait to landscape.

NOTE : This seems to occur for only some of my bootstrap pages... Why?

Adding this meta tag 

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

solves my problem,but it wont allow user to zoom.

Also read in many blogs that IOS has fixed this issue,but i am able to reproduce it in my iPad which has iOS 7 !

Manuel Allenspach
  • 12,467
  • 14
  • 54
  • 76
user3240757
  • 15
  • 7

1 Answers1

0

You can't zoomin because you've set the maximum-scale to the minimum amount (1.0) which means it won't be zoomable beyond what is rendered initially. You need to set the maximum-scale to something else between 1.0 and 10.0 in that meta tag. The default by Apple is to have the maximum-scale as 5.0 as per Apple's Documentation.

Meta viewport tag seems to be ignored completely or has no effect Also check this too;

Transition to iOS 7: correct viewport setting for jQuery/iPhone Webapps viewed on iPads

good luck!

Community
  • 1
  • 1
Aamir Shahzad
  • 6,683
  • 8
  • 47
  • 70
  • 1
    Tried this one.But this dont allow user to zoom. – user3240757 Jun 22 '14 at 19:40
  • HI aamir, I have actually updated maximum scale to 1 because it was zooming beyond that when orientation has changed. But this is not a fix as user is not able to zoom now. – user3240757 Jun 23 '14 at 04:54
  • @user3240757 max scale 1.0 will not allow user to zoomin... increase the scale and check it... i also added apple documentation check that too for help... – Aamir Shahzad Jun 23 '14 at 10:43