WKWebView 加载 HTML 字符串并实现界面自适应
WKWebView 加载 HTML 字符串并实现界面自适应
要让 WKWebView 加载 HTML 字符串并自适应界面,可以设置 WKWebView 的 scalesPageToFit 属性为 true,并且在 HTML 字符串中设置 viewport 的 meta 标签。
具体实现代码如下:
// 加载 HTML 字符串
let htmlStr = "<html><head><meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no'></head><body><p>Hello World</p></body></html>"
webView.loadHTMLString(htmlStr, baseURL: nil)
// 自适应界面
webView.scalesPageToFit = true
在 HTML 字符串中,viewport 的 meta 标签可以设置网页的缩放比例、宽度等参数,通过设置 width=device-width 可以让网页自适应设备宽度。scalesPageToFit 属性可以让网页自适应 WKWebView 的宽度,实现界面自适应效果。
原文地址: https://www.cveoy.top/t/topic/oFit 著作权归作者所有。请勿转载和采集!