有些同学会发现移动客户端请求的网页在旋转时会发生文字内容变大的情况，如下两张图的效果：
竖屏状态下的截图
横屏状态下文字变大
这是因为网页中缺少部分设置：
（1）首先要在<head></head>标签中加入如下的代码
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
（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];
}
网友评论