iOS WKWebView 内容超出屏幕后不显示超出部分的内容

NSString *head = @"<head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\"> <style>img{max-width: 100%; width:100%; height:auto;}*{margin:0px;}</style></head>";
content = [NSString stringWithFormat:@"<html>%@<body>%@</body></html>",head,content];// 超出屏幕的部分不显示

/// 适配内容字体不会变小,禁止内容放大缩小,禁止内容左右弹性属性
NSString *jScript = @"var script = document.createElement('meta');"
"script.name = 'viewport';"
"script.content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no\";"
"document.getElementsByTagName('head')[0].appendChild(script);";
WKUserScript *wkUScript = [[WKUserScript alloc] initWithSource:jScript injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];
WKUserContentController *wkUController = [[WKUserContentController alloc] init];
[wkUController addUserScript:wkUScript];
    
WKWebViewConfiguration *wkWebConfig = [[WKWebViewConfiguration alloc] init];
wkWebConfig.userContentController = wkUController;
    
contentWebView = [[WKWebView alloc] initWithFrame:CGRectZero configuration:wkWebConfig];
contentWebView.navigationDelegate = self;
contentWebView.UIDelegate = self;
///修复在cell上滑动html内容出现卡顿
contentWebView.scrollView.bounces = NO;
///为YES时,超出屏幕宽度可滑动
contentWebView.scrollView.scrollEnabled = NO;
[cell.contentView addSubview:contentWebView];
[contentWebView mas_makeConstraints:^(MASConstraintMaker *make) {
    make.top.bottom.offset(0);
    make.left.offset(10);
    make.right.offset(-10);
}];
[contentWebView loadHTMLString:content baseURL:nil];
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容