UIWebView - 限制内容宽度答案

【问题标题】：UIWebView - Limiting Content WidthUIWebView - 限制内容宽度
【发布时间】：2012-02-15 07:01:33
【问题描述】：

我遇到了一个关于 UIWebView 的有趣问题。

我基本上想在 iPad 应用程序上使用 UiWebView 作为模式弹出窗口，以在用户执行某些操作时显示维基百科或亚马逊移动页面。

我有创建和加载 UIWebView 的代码工作正常，但加载的内容不注意 UIWebView 的宽度。我希望 UIWebView （大致）是 iPhone 屏幕的宽度，并相应地设置了框架。

但是，当内容加载时，它会以 iPad 屏幕的宽度和高度加载，因此它会水平和垂直滚动。垂直滚动很好，但水平滚动不是。

当在 iPhone 上加载相同的 URL（仅在 safari 中）时，内容会调整大小以适应设备的宽度，我假设这是使用元标记？

问题是，我如何在 iPad 上的 UIWebView 中复制这种行为并将内容“强制”降低到设定的宽度。

更新

这个解决方案既聪明又有效。

【问题讨论】：

【解决方案1】：

内容的大小将取决于浏览器 viewport 的大小以及 HTML / CSS在网站上实施。

正如您所说的网站在 Safari 中正确缩放，请检查 webView 的框架在您的应用中是否正确。有时，该网站可能已经实现了纵横比比较来确定要显示哪个响应式视图，因此还要试验模态框的高度以匹配 iPhone 的大小。

您可以尝试的另一件事是在 webView 上设置约束。我发现设置约束有时也会改变视口大小和渲染。

如果这不起作用 - 您也可以尝试缩放内容。这里的答案会有所帮助：HTML Content fit in UIWebview without zooming out

【讨论】：