JQuery Mobile Beta 1 is not resizing the screen on iphone when rotated to landscape

Question

I am writing mobile app with JQUery Mobile Beta 1 and was expecting that the screen should adjust automatically on iphone when rotated from portrait to landscape and vice ve

Answer 1

In your document instead of doing this:

Do this:

Why this works

When your device oritentation changes (i.e. when you rotate it) MobileSafari will zoom into the page before it resizes the viewport. So the zoom is applied based on the portrait screen width when it should just let the page resize on its own. By setting both initial and maximum scale to 1 we disable zooming. So MobileSafari can't zoom into your page incorrectly when you rotate, thereby fixing the problem.

Also see: jQuery Mobile bug report