iOS加载html页面图片适配

2017-09-22  本文已影响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
上一篇下一篇

猜你喜欢

热点阅读