解决UIWebView旋转成横屏后字体会放大的策略

浏览数：140 / 时间：2015年06月09日

在不少App中，会有license或者一些其他的很长的文本需要显示。

这种需求一般有两种方案：

采用UITextView
采用UIWebView

一：UITextView

这可能是大部分开发者首先想到的方法，非常简单，但是也有以下一些问题

文本很长的时候，滚动时会卡顿(还没有想到什么解决方案)
如果需要屏幕旋转时，会有一些想不到的问题，下面图片展示了在横屏后不做任何滚动然后恢复到竖屏的过程，可以看到文字出现偏移。

可能有些人会觉得这会影响客户体验(其实很多App在license这页并不支持屏幕旋转，也就没有这个问题)。

这个问题要想解决的话，貌似比较棘手。你既不能确定旋转后有没有滚动操作，也不能准确计算每个字符准确的显示位置(至少我现在还不知道)。

二: UIWebView

使用UIWebView可以避免滚动卡顿问题，也可以避免文本移位的问题

但是在默认的情况下，却有新的问题出现，即从竖屏转成横屏时，字体会变大变粗。用safari浏览网页时，是有这种特征的。

查了很多网站，都说设置

 -webkit-text-size-adjust: none;

没有很完整的代码，本人愚钝，对html也非常不熟悉，多次尝试都未果。

后来在公司大神的帮助下，借助google,终于找到了一个比较解决方案，代码如下

<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

        <style language="text/css">        
        .lisence {
            font-size : 20px;
            -webkit-text-size-adjust: 100%;
            -webkit-font-smoothing: none;
            
            width : 100%;
            height : 100%;

            word-break: normal;
            word-wrap: break-word;
             
        }
        </style>
    </head>

    <body>
        <div class=‘lisence‘>
            text…
        </div>
    </body>
</html>