iOS网页视图内容不适合横向模式

Question

我正在使用webview来显示谷歌地图+ jqmobile。 Webview在横向和纵向上正确调整大小，然而，其内容并非完全适合纵向而非横向。我发现一些信息将其报告为bug，但我无法解决。谢谢。

来自jquery mobile .html我尝试了以下配置，

<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;" />

来自xcode .m文件，

webView1.scalesPageToFit = YES;

NSURLRequest *req = [[NSURLRequest alloc] initWithURL: [NSURL URLWithString:[urlBase stringByAppendingString:@".html"]] cachePolicy:NSURLRequestReloadIgnoringLocalAndRemoteCacheData timeoutInterval:10]; 

[webView1 loadRequest:req];

Answer 1

旋转时webview不会重新加载其内容，因此您在横向中看到的内容是纵向视口的大小。这也意味着它不像普通的Mobile Safari那样尊重旋转的媒体查询。最佳解决方案是在旋转时重新加载webview。