WKWebView自适应大小

在使用WKWebView的时候，常常会碰到显示内容比实际css设置的样式不能正常显示，内容普遍的偏小。其实导致这样问题的根源是少了HTML5的meta标签。解决的办法可以在iOS端添加以下的内容，当然也可以让后台添加完整的HTML5的格式。如果要在iOS端指定字体的大小也是可以的（不推荐在客户端设置字体大小）。

客户端添加meta标签eg:

       NSString *jScript = @"var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);";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;_myWebView = [[WKWebView alloc] initWithFrame:CGRectMake(0,CGRectGetMaxY(headerView.frame)+10, M_S.width,M_S.height - CGRectGetMaxY(headerView.frame) - 40) configuration:wkWebConfig];
复制代码

客户端设置字体大小eg:

//创建网页配置对象
WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
// 创建设置对象
WKPreferences *preference = [[WKPreferences alloc]init];
// 设置字体大小(最小的字体大小)
preference.minimumFontSize = 40;
// 设置偏好设置对象
config.preferences = preference;
// 创建WKWebView
WKWebView *webView = [[WKWebView alloc]initWithFrame:self.view.bounds  configuration:config];
复制代码

WKWebView自适应大小相关推荐

用于药物反应预测的自适应大小的子结构学习
目录子结构学习的引言相关工作的回顾药物的表示 DDI预测方法问题描述门限消息传递网络提取子结构 DDI预测的过程结果子结构学习的引言药物化学的理论表明,药物是一个简单的实体,其由不同 ...
pyqt Qlabel显示opencv 自适应大小
这句加上,否则不能自适应大小 ui.label.setScaledContents(True ) cv_img_rgb = cv2.cvtColor(frame, cv2.COLOR_BGR2RGB) ...
ios wkweb设置图片_iOS 之 WKWebView自适应高度获取网络图片
WKWebView是iOS8中引入的新组建,苹果将 UIWebViewDelegate 与 UIWebView 重构成了14个类和3个协议并引入了不少新的功能和接口,它代替了UIKit 中的 UIWe ...
Android固定宽度文字自适应大小
Android固定宽度文字自适应大小参考自: https://blog.csdn.net/qq_29443203/article/details/78960691?utm_medium=distri ...
python PyQt5 adjustSize()（根据内容自适应大小）
示例: adjustSize() 根据内容自适应大小参考文章:pyqt5-QWidget坐标系统和大小和展示区域
[css] 在固定宽度的div下，怎么让字体自适应大小，不超出宽度，也不要换行
[css] 在固定宽度的div下,怎么让字体自适应大小,不超出宽度,也不要换行 .item-codes{width:800px;word-break: break-all;white-space: n ...
Winform窗体控件自适应大小
自己写的winform窗体自适应大小代码,代码比较独立,很适合贴来贴去不会对原有程序造成影响,可以直接继承此类或者把代码复制到自己的代码里面直接使用借鉴了网上的一些资料,最后采用重写WndProc方 ...
微信小程序富文本标签 rich-text 图片自适应大小问题
最近项目新加了一个需求,由于时间比较充足的原因.我完成的很出色,但是无奈测试最后不走寻常路.几句话的说明他加了好多文字还搞了图片,甚至还有了一句经典的名言如果没有 BUG 她就没有工作,叫人苦不堪言. ...
css自适应图片样式,css怎么让图片自适应？css图片自适应大小的方法介绍
对于一个网页来说,有一张好看又清晰的背景图片是非常吸引人的,但是并不是每张图片都是有相同的大小,所以就需要晒西安图片的自适应,那么,css怎么让图片自适应呢?本篇文章将来介绍关于css图片自适应大小的 ...

WKWebView自适应大小

WKWebView自适应大小相关推荐

最新文章

热门文章