iOS加载html页面图片适配

使用UIWebView加载html内容时会出现图片超出屏幕的问题,就算写了setScalesPageToFit方法也没用,图片过大会导入如下情况:
修改前.png

需要解决这个问题,我们可以在loadHTMLString的时候加入css语句,拼接需要加载的内容

//html是需要加载的内容
- (NSString *)autoWebAutoImageSize:(NSString *)html{

    return [NSString stringWithFormat:@"<html><head><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'><style>*{ width: 100%%; margin: 0; padding: 0 3; box-sizing: border-box;} img{ width: 100%%;}</style></head><body>%@</body></html>", html];

}

调用

[self.webView loadHTMLString:[self autoWebAutoImageSize:content] baseURL:nil];
修改后.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,786评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,874评论 25 708
  • 当你走过我身旁 我的脸 如桃花般泛红 当你走过我身旁 我的手臂 像柳条一样摇摆 当你走过我身旁 我的手指 像树影一...
    心字沉香蝴蝶梦阅读 140评论 0 0
  • 人世间纠缠不清,太多太多。 小土,是我很欣赏的一个女生,特别可爱。举手投足,透着一种温柔,一种淑女...
    伊家阅读 309评论 0 1
  • 文/晶晶JessieLee 图/网络 更多剧评、影评、书评文章欢迎关注我的个人公众号:晶姐札记 《圆桌派》这个节目...
    晶姐札记阅读 1,381评论 3 11