如何在重新定向后阻止缩放UIWebview的内容?

时间:2012-11-17 16:56:37

标签: ios uiwebview screen-rotation

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

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

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

奇怪的是,删除文本中的换行符(<br/>)会修复它,但是我需要换行符才能解决问题。

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

有什么想法吗?

3 个答案:

答案 0 :(得分:8)

试试这个:

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

答案 1 :(得分:2)

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

答案 2 :(得分:-1)

如果您正在使用XCode进行编码(我假设您正在使用UIWebView)

  • 在笔尖上选择UIWebView。
  • Ultilities窗格&gt;尺寸检验员&gt;在“自动调整大小”框中,删除两个双向箭头。
  • UIWebView现在具有固定大小,不会自动缩放到方向。

这是你想要的吗?