UIWebView适应屏幕大小

最新推荐文章于 2019-12-11 15:26:08 发布
最新推荐文章于 2019-12-11 15:26:08 发布
阅读量552 收藏
点赞数
分类专栏： OC 文章标签： uiwebview html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/renjie_Yan/article/details/59058224
版权
在开发的过程中，经常遇到UIWebView，UIWebView需要适应手机屏幕的大小，如果直接让网页在手机上按照网页的大小进行等比例的缩放的话，网页上的文字就太小了，看不清楚，所以在开发的过程中，我们采用先让网页中的图片适应手机的屏幕大小，然后将网页中的文字填充进去，两行代码就可以搞定。
其中webTitle是我们需要添加的让网页适应的一段HTML，htmlIntroduceStr则是我们从服务器请求下来的html语句，然后将他们按照如下方式进行拼接，加载即可，不废话，直接上代码：
    NSString *htmlIntroduceStr;
    NSString *webTitle = @"<style type='text/css'> .tree{width:100%!important;  height:auto!important; margin:0 auto 0} img { width:100%!important; height:auto !important; margin: 0px auto 0px;}; span { word-wrap: break-word; word-break: normal; } </style>";

    NSString *webStr = [NSString stringWithFormat:@"<html><header>%@</header><body><div class='tree'>%@</div></body></html>", webTitle, htmlIntroduceStr];
    [goodsIntroduceWebView loadHTMLString:webStr baseURL:[NSURL URLWithString:Base_Url]];
颜仁浩
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IOS中UIWebView的使用详解
09-02
- `scalesPageToFit`：设置是否自动缩放网页以适应屏幕大小。 - `dataDetectorTypes`：定义哪些数据（如电话号码、地址、邮箱）会被识别为链接。 - `allowsInlineMediaPlayback`：控制视频是否在网页内播放，而不是...
UIWebView 内容自适应屏幕
毛竹&依米
11-10 4577
1、适用于网页内容： -(void)webViewDidFinishLoad:(UIWebView *)webView {     NSString *meta = [NSString stringWithFormat:@"document.getElementsByName(\"viewport\")[0].content = \"width=%f, initial-sc
UIWebView网页视图
海阔天空
12-31 464
//先来一个可行的小Demo程序：结合searchBar的google搜索 #import @interface ViewController : UIViewController{ UIWebView *webView; UISearchBar *searchBar; } @end -(void)loadView{ [super lo
UIWebView设置图片的宽度适应屏幕的大小
ZFJ_张福杰
01-08 2739
#import "ViewController.h" @interface ViewController ()UIWebViewDelegate> @property (weak, nonatomic) IBOutlet UIWebView *webView; @end @implementation ViewCon
UIWebView自适应宽度
MoMo_KUA_1的专栏
02-04 1003
出自： http://borissun.iteye.com/blog/2023712 webview在手机上显示的内容经常非常宽，显示出来之后要手动缩放才能正常浏览。但如果用 C代码   [self.webView setScalesPageToFit:YES];   则会被居中缩放的非常小，如图： （请无视我demo里的title。。。）
ios UIWebview中网页宽度自适应手机
沈阳斌子
08-25 4131
有的网页中会使用""这个标签来设置网页的宽度，不过带来的问题是，如果展示这个webview的宽度不等于设备的宽度的时候，就会出现网页内容过宽左右可以滑动或者网页左右内容没有占满。找了一下，有两个解决方法： 1. 利用webview中的scrollview的zoom特性，这个方法会让网页内容变小 - (void)webViewDidFinishLoad:(UIWebView *)theW
IOS之UIWebView的使用(基本知识)
09-02
- `scalesPageToFit`：设置为`YES`可以让UIWebView自动调整网页以适应屏幕大小。 - `detectsPhoneNumbers`：设置为`YES`时，UIWebView能识别并处理网页中的电话号码，用户点击即可拨号。 3. 显示和加载网页： - ...
UIWebViewDemo
12-18
在Interface Builder中，只需将`UIWebView`拖放到视图上，并设置相应的约束以适应屏幕大小。 接着，加载网页内容通常是通过调用`UIWebView`的`loadRequest:`方法来实现的。可以使用`NSURLRequest`对象封装请求信息...
在iOS应用中使用UIWebView创建简单的网页浏览器界面
09-02
- 在`viewDidLoad`方法中，设置UIWebView的一些基本属性，比如`scalesPageToFit`为YES，使得网页内容自动适应屏幕大小。 - 设置UIWebView的代理为当前视图控制器，这样可以监听网页加载的进度。 - 初始化和添加...
iOS中UIWebView网页加载组件的基础及使用技巧实例
09-02
接着，我们可以通过`scalesPageToFit`属性设置页面自动缩放以适应屏幕。`userInteractionEnabled`为YES表示用户可以与网页交互，而`opaque`属性为YES则使背景变为不透明。 ```swift let webView = UIWebView(frame:...
iOS中UIWebview中网页宽度自适应的问题
lihei12345的专栏
02-06 2930
有的网页中会使用""这个标签来设置网页的宽度，不过带来的问题是，如果展示这个webview的宽度不等于设备的宽度的时候，就会出现网页内容过宽左右可以滑动或者网页左右内容没有占满。找了一下，有两个解决方法： 1. 利用webview中的scrollview的zoom特性，这个方法会让网页内容变小 - (void)webViewDidFinishLoad:(UIWebView *)theWeb
iOS UIWebView 图片自适应屏幕宽度
XLaws的博客
12-27 764
- (void)webViewDidFinishLoad:(UIWebView *)webView {     NSString *js=@"var script = document.createElement('script');"     "script.type = 'text/javascript';"     "script.text = \"function ResizeIm
Html5 页面的内容不会自动填充满整个屏幕
robinson_911的专栏
05-20 2506
1. Html5  当页面的内容没有铺满屏幕宽度／高度时，页面不会自动填充满整个屏幕的宽度／高度，需要给页面设置一个宽度尺寸或者高度尺寸，此时某个布局才会显示正常。2. 页面的宽度／高度，会随着内容自动扩展开来（会根据内容自动的计算某一个布局的高度或者宽度）...
修改UIWebView中字体的大小
热门推荐
daiyelang的专栏
04-11 2万+
1、UIWebView设置字体大小，颜色，字体：1、UIWebView设置字体大小，颜色，字体： UIWebView无法通过自身的属性设置字体的一些属性，只能通过html代码进行设置，代码如下：UIWebView无法通过自身的属性设置字体的一些属性，只能通过html代码进行设置，代码如下：
ios UIWebView中如何让图片大小适应屏幕宽度
ChSaDiN的专栏
06-01 9787
1.采用在html的head中加mata标签 缺点：整个页面都会被缩小来适应屏幕宽度。 2.通过添加js来自动修改图片的大小。 缺点：图片的原本宽高大小是js所不知道的，不能按照图片宽高比来缩放到适应屏幕宽度。 3.遍历html中的img 标签，通过img标签中src值来下载图片以获取图片的宽高。在按照一定宽高比得到适应屏幕的宽和高之后，重新定义img标签（加上width和he
iOS中UIWebView内容高度自适应
培根芝士的专栏
12-11 170
使用KVC监听UIWebView中子视图scrollView的contentSize变化，来改变UIWebView的高度。 [self.webView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew|NSKeyValueObservingOptionOld co...
关于UIWebView设置高度自适应的问题
weixin_30918415的博客
12-23 102
- (void)viewDidLoad { [super viewDidLoad]; _scrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 66, 320, 480)]; //中间还有其他控件 //创建webView时要设置一个临时的frame，不然...
UIWebView 自适应内容大小
妙亦涵的博客
02-18 2553
#pragma mark - UIWebView Delegate Methods -(void)webViewDidFinishLoad:(UIWebView *)webView { CGFloat height = [[webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"] floatV
iOS 让HTML网页内容和图片自适应UIWebView的宽度
坚持自己!
09-07 2173
方法1: // UIWebView _webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 15, SCREEN_WIDTH, SCREEN_HEIGHT - NAVBAR_HEIGHT - 15)]; _webView.backgroundColor = viewAndTableViewBackgroundColor
uiwebview fixed 不固定
最新发布
06-02
如果您的UIWebView在页面滚动时不固定，您可以尝试以下解决方法： 1. 禁用滚动：可以通过设置UIWebView的scrollView属性的scrollEnabled属性为NO来禁用滚动。这将使UIWebView的内容无法滚动，但是仍然可以使用其他...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值