iOS中UIWebview中网页宽度自适应的问题
来源:互联网 发布:centos 联网 编辑:程序博客网 时间:2024/05/21 09:31
有的网页中会使用"<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">"这个标签来设置网页的宽度,不过带来的问题是,如果展示这个webview的宽度不等于设备的宽度的时候,就会出现网页内容过宽左右可以滑动或者网页左右内容没有占满。找了一下,有两个解决方法:
1. 利用webview中的scrollview的zoom特性,这个方法会让网页内容变小
- (void)webViewDidFinishLoad:(UIWebView *)theWebView{ CGSize contentSize = theWebView.scrollView.contentSize; CGSize viewSize = self.view.bounds.size; float rw = viewSize.width / contentSize.width; theWebView.scrollView.minimumZoomScale = rw; theWebView.scrollView.maximumZoomScale = rw; theWebView.scrollView.zoomScale = rw; }
2. 第二个方法,在客户端使用js重写meta标签,这个也是在webview的delegate的webViewDidFinished回调中调用;我们使用的这种方法来操作,内容不会变小
javascript = [NSString stringWithFormat:@"var viewPortTag=document.createElement('meta'); \ viewPortTag.id='viewport'; \ viewPortTag.name = 'viewport'; \ viewPortTag.content = 'width=%d; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;'; \ document.getElementsByTagName('head')[0].appendChild(viewPortTag);" , (int)authWebView.bounds.size.width];[authWebView stringByEvaluatingJavaScriptFromString:javascript];
参考:
1. http://stackoverflow.com/questions/10666484/html-content-fit-in-uiwebview-without-zooming-out
2. http://stackoverflow.com/questions/5594447/webpage-in-uiwebview-doesnt-autoresize-correctly-when-uiwebviews-width-is-less
3:http://m.blog.csdn.net/blog/lihei12345/43565859
0 0
- iOS中UIWebview中网页宽度自适应的问题
- iOS中UIWebview中网页宽度自适应的问题
- 轻描淡写iOS--UIWebview中网页宽度自适应
- ios UIWebview中网页宽度自适应手机
- iOS 让HTML网页内容和图片自适应UIWebView的宽度
- iOS中UIWebView与其中网页的javascript的交互
- iOS-UIWebView 自适应网页图片
- iOS UIWebView 图片自适应屏幕宽度
- iOS中UILabel宽度的自适应 (storyboard/xib)
- JS 让网页中Flash Player的宽度自适应网页大小
- ios UIWebView中如何让图片大小适应屏幕宽度
- UIWebView自适应宽度
- UIWebView自适应宽度
- UIWebView 自适应宽度
- 关于网页中插入iframe中自适应问题的解决
- 网页中图片的宽度
- IOS UIWebView 中使用JavaScript 来实现图片大小自适应
- IOS UIWebView 中使用JavaScript 来实现图片大小自适应
- SSH协议与SSH免登陆
- UEFI Console Splitter 2nd
- Programming with OC --Defining Classes
- C#学习笔记 委托
- hdfs shell命令
- iOS中UIWebview中网页宽度自适应的问题
- leetcode之Range Sum Query - Immutable
- lintcode: Sqrt(x)
- Linux命令(文件处理命令)
- hdu 1394 Minimum Inversion Number 最小逆序数
- JDK中数据类型Character、Double、Float
- C/C++连接MySql数据库
- Android Fragment 深度解析
- hdu3874 Necklace 线段树/树状数组