Question

我有一个wkwebview，我想填写从API获取的内容（印记，许可证，免责声明，那种东西）。

我的问题是旋转iPhone后字体大小会发生变化。但我希望它保持不变。这就是我创建HTML的方式：

func embed(content: String) -> String {
         return "<!DOCTYPE html><html><head><meta charset=\"utf-8\" name=\"viewport\", width=\"device-width\", initial-scale=1.0, maximum-scale=1.0></head><body>\(content)</body></html>"
}

通过CSS我想防止字体大小改变（CSS as String）：

private static let fontSizeSetting = "html{-webkit-text-size-adjust: 100%;}"

这就是我运行CSS的方式：

func insert(cssString: String, into webView: WKWebView) {
        let jsString = "var style = document.createElement('style'); style.innerHTML = '\(cssString)'; document.head.appendChild(style);"
        webView.evaluateJavaScript(jsString, completionHandler: nil)
}

public func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        self.insert(cssString: css, into: self.webView)
    }

任何想法如何防止字体大小改变？

这篇文章对我没有帮助：UIWebView resizes text after rotating: looking for explanation for magical bug or my stupidity

Answer 1

我发现此CSS可以解决WKWebView字体更改方面的轮换问题。

body {-webkit-text-size-adjust: none;}

旋转/方向更改后wkwebview中的fontsize

1 个答案: