Question

我在使用WkWebView字体和图像大小时遇到麻烦。我怎样才能增加字体大小？

问题1：我可以使字体变大，但是当我使字体变大时，图像会放大到很大的比例，而您在页面上看不到它。在下面找到所显示内容的屏幕截图。

Screenshot with Normal Text size but Extremely large image

问题2：我可以缩放图像以使其正确适合，但是字体太小了，您无法阅读。在下面找到所显示内容的屏幕截图。 Screenshot with Image fitting onto the screen but text is way too small

如何使它们既适合屏幕大小又可以调整文字大小并以正确的大小显示图像？任何帮助，将不胜感激。

下面的代码使用的是“正常文本”大小，并且图像混乱并且太大。

    var webViewDisplay: WKWebView = {
    let webView = WKWebView()
    webView.scrollView.isScrollEnabled = false
    return webView
}()

let htmlString = articleDataCell.body ?? ""
var headerString = "<header><meta name='viewport' content='width=device-width/5, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.2, user-scalable=no'></header>"
headerString.append(htmlString)
webViewDisplay.loadHTMLString(headerString, baseURL: nil)

下面的代码具有小文本大小，并且图像非常合适。

    var webViewDisplay: WKWebView = {
    let webView = WKWebView()
    webView.scrollView.isScrollEnabled = false
    return webView
}()

let htmlString = articleDataCell.body ?? ""
var headerString = "<header><meta name='viewport-cover' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no'></header>"
headerString.append(htmlString)
webViewDisplay.loadHTMLString(headerString, baseURL: nil)

WKWebView字体和图像大小问题

0 个答案: