iOS 5 - Webview - 缩放以适应答案

【问题标题】：iOS 5 - Webview - Scale to fitiOS 5 - Webview - 缩放以适应
【发布时间】：2012-03-05 01:47:02
【问题描述】：

我在 web 视图中显示 HTML。 HTML 看起来很棒，但我无法缩放。

要启用缩放，我必须启用“缩放页面以适应”。如果我启用页面看起来又小又可怕。我想保持在禁用缩放页面以适应时可以看到的相同布局，但我需要缩放才能工作。

有什么帮助吗？

【问题讨论】：

【解决方案1】：

有时网页在加载到 UIWebView 控件时看起来很糟糕。您可以尝试一个技巧，例如为显示的网页设置自己的比例值。例如，您可以像这样定义 UIWebViewDelegate 的方法：

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    [webView stringByEvaluatingJavaScriptFromString:@"document.body.style.zoom=1.7;"];
}

zoom的值你自己算吧，其实要看网页的样子。

【讨论】：

我的网页看起来很棒，但当我使用 Scale to Fit 选项时它坏了
Scale to Fit 选项取决于 UIWebView 根据其 DOM 表示确定 HTML 页面宽度的机制。在某些情况下可能不准确，具体取决于 HTML 布局。
好的，但回到我的问题。有没有办法缩放 webview 设置 Scale 以适应 false？
仅在我的回答中描述。这是应用于 HTML 文档正文的简单 Javascript 代码行，可将其缩放到您选择的大小。
Tony，如果您仍然遇到此问题，能否显示您的 HTML 页面？您可以从中删除所有敏感信息，只保留导致页面看起来很糟糕的布局，并在“缩放以适合”打开的情况下显示它。

【解决方案2】：

我发现了一个让它看起来不错的技巧。

我将缩放页面更改为适合 true（以启用缩放）并且我的页面看起来很糟糕。所以我在 HTML 头部添加了以下行。

<meta name="viewport" content="width=320"/>

一切看起来又好了！

如果您想将 Scale 页面更改为适合 true（启用缩放）并且不想更改所有样式表，那么这个技巧对我有用。

【讨论】：