解决WebView旋转屏幕时文字变大的问题

有些同学会发现移动客户端请求的网页在旋转时会发生文字内容变大的情况,如下两张图的效果:


解决WebView旋转屏幕时文字变大的问题_第1张图片
竖屏状态下的截图

解决WebView旋转屏幕时文字变大的问题_第2张图片
横屏状态下文字变大

这是因为网页中缺少部分设置:
(1)首先要在标签中加入如下的代码

(2)在css样式中加入body{-webkit-text-size-adjust: none;}即可,其中-webkit为css中兼容safari内核的标识。
或者在UIWebView的代理方法webViewDidFinishLoad中加入如下设置即可:

  • (void)webViewDidFinishLoad:(UIWebView *)webView {
    NSLog(@"webViewDidFinishLoad");
    NSString *jsstr = @"document.body.style.webkitTextSizeAdjust='none'";
    [webView stringByEvaluatingJavaScriptFromString:jsstr];
    }

你可能感兴趣的:(解决WebView旋转屏幕时文字变大的问题)