我正在构建一个拥有UIWebView的iOS 5/6应用。它加载了我在我的应用程序中嵌入的一些HTML 现在,当我旋转设备时,WebView会改变其大小(因为我希望它填满整个屏幕宽度) 然后它变得奇怪:一些内容被放大,一些内容没有扩大规模。请参阅此图片,其中包含一些示例文字:
如您所见,标题(H6)保持不变,而段落按比例放大。有没有人知道如何防止这种情况?我希望html在横向上看起来和在纵向模式下看起来一样。
我尝试将视口缩放设置为1:<meta name="viewport" content="initial-scale=1.0,max-scale=1.0">
但这没有用。正文的font-size
样式设置为14px
,但将其更改为14pt
或百分比也没有任何区别。将身体的width
设置为100%
也无济于事。
奇怪的是,删除文本中的换行符(<br/>
)会修复它,但是我需要换行符才能解决问题。
唯一 工作的是在方向更改后重新加载UIWebView的内容,但这并不能防止它在轮换期间看错,并且它会重置任何内容滚动用户可能已经完成的操作。
有什么想法吗?
答案 0 :(得分:8)
试试这个:
body {
-webkit-text-size-adjust: none;
}
答案 1 :(得分:2)
我不确定,但它可能是UIWebView上的scalesPageToFit属性。
答案 2 :(得分:-1)
如果您正在使用XCode进行编码(我假设您正在使用UIWebView)
这是你想要的吗?