UIWebView 不自动调整大小以适应屏幕

Question

我有一个应用程序，它使用 UIViewController 在 UIWebView 中显示文章，其中一些有图像。我已将其设置为当单击图像时它会调用

- (void)displayImage:(NSInteger)i {
ImageViewController * imageVC = [[ImageViewController alloc] initWithImageId:i];
[self.navigationController pushViewController:imageVC animated:YES];
[imageVC release];

}

这会加载另一个 UIViewController。 我所有的观点对旋转的反应都很好。 ImageViewController 保持图像的比例，而 ArticleViewController 用文本填充屏幕。但是，每当我在查看 ImageViewController 时将屏幕旋转到横向模式并按后退按钮时。以前的 UIViewController 自动调整大小不正确，增加了文本的字体大小，而不是在一行上放置更多单词。

编辑：

这是一个文章视图控制器：

这是当您单击image:

现在，如果我们更改此处的方向...

并点击后退按钮，文章内容已被不适当地调整大小以适合窗口。

这可以通过转动 iPhone 两次来纠正。这就是文章横向显示时的样子。

该问题与 UIWebView 在当前不可见时无法适当自动调整大小有关。我可以做什么来解决这个问题？

Answer 1

您需要在 Interface Builder 中执行此操作。

单击 UIWebView 并按 Apple-3 调出“尺寸检查器”。

在“自动调整大小”下，确保选中框内的两个箭头。这将确保视图大小始终最大化到其容器。

Answer 2

您可以通过根据设备方向添加不同的 css 样式在服务器端更改它：
例如：

/* Landscape */
@media screen and (min-width: 321px)
{   
   body{
     width: 320px;
   }    
}
/* Landscape */
@media screen and (min-width: 321px)
{ 
   body{
     width: 480px;
   }    
}

或者您可以从客户端更改视口：
如果您的页面有视口元标记：

<meta name="viewport" id="view" content="width=320px, minimum-scale=1.0, maximum-scale=1.0">

那么在您的代码中，您可以在每次方向更改时更改此视口：

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
if(interfaceOrientation == UIDeviceOrientationLandscapeLeft)      
 [uiwebview stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"document.getElementById(\"view\").setAttribute('content', 'width=480');"]];
}
....

并在方向为纵向时再次更改

Answer 3

备查。您可以使用此程序以编程方式执行此操作。

[webView setAutoresizingMask:(UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth)];