UIWebView 内容不能在不同 iPhone 尺寸之间缩放答案

【问题标题】：UIWebView content not scaling between different iPhone sizesUIWebView 内容不能在不同 iPhone 尺寸之间缩放
【发布时间】：2014-11-01 13:45:43
【问题描述】：

所以我正在开发一个 iOS 应用程序，它使用UIWebView 来提供 HTML 内容。为什么是 UIWebView 而不是 WKWebView？好吧，我希望这个应用程序可以在 iOS7 及更高版本上运行。我刚刚将我的 Xcode 更新为 Xcode 6.1，当从 4 英寸屏幕尺寸更改为 4.7 及以上时，我无法让我的 webView 缩放以适应可用的屏幕空间。

我所追求的是让我的应用程序在所有 4 英寸及以上的 iPhone 屏幕尺寸上看起来一致，就像我在 Web 视图上显示的所有 HTML5 代码一样。

在我的属性检查器中，我已将尺寸设置为 iPhone 4 英寸，您可以在下面的链接中分别看到该应用在 4 英寸和 4.7 英寸 iPhone 模拟器中的外观， http://imgur.com/gallery/tz7LG/new

如何让它在不同尺寸的 iPhone 屏幕上适当放大？

fyi，我已将我的 webView 的“缩放”页面设置为“适合”。我正在使用 Swift 构建这个应用程序。

【问题讨论】：

标签： ios xcode swift uiwebview scaling

【解决方案1】：

为了解决这个问题，

1) 取消选中“使用自动布局”并禁用尺寸类别。

2) 打开尺寸检查器，按照下图中的指示在所需元素（在您的情况下为 UIWebView）上使用 Autoresizing。

尝试根据您的要求选择边界。这肯定会解决你的问题。

【讨论】：

非常感谢您的回答，我花了一天的时间试图弄清楚如何调整尺寸，直到找到您的答案！！！！
查看这篇文章 (mydaytodo.com/build-a-no-storyboard-ios-ap) 以获取有关在 No Storyboard iOS 应用程序中编程自动布局约束的更新教程。

【解决方案2】：

请检查您是否没有在 .m 文件中对尺寸进行编码。

Piyush Mathur 的答案很简单，在给定的情况下似乎可用。

但如果需求复杂，则需要“使用自动布局”。

还要确保您已设置 Web 视图所需的所有约束。

Introduction to Auto-Layout 提供了为组件设置约束的想法，这也提供了根据设备屏幕尺寸拉伸组件（在您的情况下为 Web 视图）的想法。

【讨论】：

这篇文章 (mydaytodo.com/build-a-no-storyboard-ios-ap) 提供了有关编程自动布局约束的更新教程。

【解决方案3】：

你可以使用 Xcode 的自动布局工具，它会根据设备自动调整 UIWebView 的大小。

【讨论】：

虽然很简短，但这是朝着正确答案迈出的一步。唯一的问题是，使用自动布局工具后，它并不能完全适应 iPhone 5 英寸屏幕的整个屏幕，即只占屏幕的一部分。

【解决方案4】：

我认为最佳做法是在添加约束时取消勾选“对边距的约束”。

这里分为三个步骤： 1. 清除所有约束； 2.重新添加约束并取消选中“约束到边距”； 3. 将所有四个约束设置为 0。

或者，如果您熟悉 Xcode，则可以一步完成。

【讨论】：

【解决方案5】：

帮助我的是创建 4 个约束：

【讨论】：