美文网首页
iOS加载html页面图片适配

iOS加载html页面图片适配

作者: 丨涓涓 | 来源:发表于2017-09-22 09:47 被阅读0次
    使用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

    相关文章

      网友评论

          本文标题:iOS加载html页面图片适配

          本文链接:https://www.haomeiwen.com/subject/gvvxextx.html