WKWebView 加载 HTML 字符串并实现界面自适应

要让 WKWebView 加载 HTML 字符串并自适应界面,可以设置 WKWebView 的 scalesPageToFit 属性为 true,并且在 HTML 字符串中设置 viewportmeta 标签。

具体实现代码如下:

// 加载 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 字符串中,viewportmeta 标签可以设置网页的缩放比例、宽度等参数,通过设置 width=device-width 可以让网页自适应设备宽度。scalesPageToFit 属性可以让网页自适应 WKWebView 的宽度,实现界面自适应效果。

WKWebView 加载 HTML 字符串并实现界面自适应

原文地址: https://www.cveoy.top/t/topic/oFit 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录