有些同學(xué)會發(fā)現(xiàn)移動客戶端請求的網(wǎng)頁在旋轉(zhuǎn)時會發(fā)生文字內(nèi)容變大的情況，如下兩張圖的效果：
豎屏狀態(tài)下的截圖
橫屏狀態(tài)下文字變大
這是因為網(wǎng)頁中缺少部分設(shè)置：
（1）首先要在<head></head>標(biāo)簽中加入如下的代碼
<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內(nèi)核的標(biāo)識志鹃。
或者在UIWebView的代理方法webViewDidFinishLoad中加入如下設(shè)置即可：
- (void)webViewDidFinishLoad:(UIWebView *)webView {
NSLog(@"webViewDidFinishLoad");
NSString *jsstr = @"document.body.style.webkitTextSizeAdjust='none'";
[webView stringByEvaluatingJavaScriptFromString:jsstr];
}
