ios - 如何防止在重新定向后缩放 UIWebview 的内容？

Question

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

如您所见，标题 (H6) 保持不变，而段落按比例放大。有人知道如何防止这种情况吗？我希望 html 在横向和纵向模式下看起来一样。

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

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

唯一做的工作是在方向更改后重新加载 UIWebView 的内容，但这并不能防止它在旋转期间看起来不对，并且它会重置任何滚动用户可能已经完成的操作。

有什么想法吗？

Answer 1

试试这个:

body {
  -webkit-text-size-adjust: none;
}