I am using a webview to display google maps + jqmobile. Webview is resized properly on landscape and portrait, however, not its content that fits perfectly on portrait but not on landscape. I found some information that reports it as bug but I am not able to solve it. Thank you.
from jquery mobile .html I tried following configs,
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0;" />
from xcode .m file,
webView1.scalesPageToFit = YES;
NSURLRequest *req = [[NSURLRequest alloc] initWithURL: [NSURL URLWithString:[urlBase stringByAppendingString:@".html"]] cachePolicy:NSURLRequestReloadIgnoringLocalAndRemoteCacheData timeoutInterval:10];
[webView1 loadRequest:req];

The webview does not reload its contents when you rotate, so what you’re seeing in landscape is the content sized to the portrait viewport. This also means it does not respect media queries on rotate like normal Mobile Safari does. Best solution is to reload the webview on rotate.