背景

项目中接入后端提供的html字符串时出现了内容大小不适配的问题，折腾了半天没搞懂怎么解决，最后在网上找到了解决方法（万能的网友）

特此记录一下解决方案，以备不时之需。

解决方案

1. 在字符串前加入一段html控制页面和图片缩放的语句

1
2


let headerString : String = "<header><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no'><style>img{max-width:100%}</style></header>"
webView.loadHTMLString(headerString + content), baseURL: nil)

2. 在didFinish navigation代理方法中获取高度

1
2
3
4


webView.evaluateJavaScript("document.body.scrollHeight") { (Result, error) in
    //页面高度
    let height = Result as? Double
}

作者信息

邮箱： [email protected] 欢迎交流技术知识

本文原载于 jianyese.com，遵循 CC BY-NC-SA 4.0 协议，复制请保留原文出处。