4

我正在构建一个具有 UIWebView 的 iOS 5/6 应用程序。它加载了一些我嵌入到我的应用程序中的 HTML。
现在，当我旋转我的设备时，WebView 会改变它的大小（因为我希望它填满屏幕的整个宽度）。
然后它变得很奇怪：一些内容被放大，而一些内容没有被放大。请参阅此图像，其中包含一些示例文本：UIWebview 旋转问题

如您所见，标题（H6）保持不变，而段落放大了。有人知道如何防止这种情况吗？我希望 html 在横向模式下看起来与在纵向模式下相同。

我尝试将视口缩放设置为 1:<meta name="viewport" content="initial-scale=1.0,max-scale=1.0"> 但这无济于事。主体的font-size样式设置为14px，但将其更改为14pt或百分比也没有任何区别。将width身体的设置为100%也没有帮助。

奇怪的是，删除文本中的换行符 ( <br/>) 可以修复它，但我需要换行符在那里，所以这不是解决方案。

唯一有效的是在方向更改后重新加载 UIWebView 的内容，但这并不能防止它在旋转过程中看起来不正确，并且它会重置用户可能已经完成的任何滚动。

有任何想法吗？

4

3 回答 3

10

尝试这个：

body {
  -webkit-text-size-adjust: none;
}
于 2013-02-13T13:42:42.607 回答
2

我不确定，但它可能是 UIWebView 上的 scalesPageToFit 属性。

于 2012-11-22T09:27:34.783 回答
-1

如果您在 XCode 上编码（我假设是因为您使用的是 UIWebView）

  • 选择笔尖上的 UIWebView。
  • 实用工具窗格 > 大小检查器 > 在自动调整大小框中，删除两个双向箭头。
  • UIWebView 现在具有固定大小，不会自动缩放到方向。

这是你想要的吗？

于 2012-11-22T09:01:38.690 回答