WKWebView 的“loadHTMLString”高度宽度问题

Question

WKWebView 的“loadHTMLString”高度宽度问题

Atu*_*mar 4 uiwebview ios swift wkwebview wkwebviewconfiguration

我试图加载HTML内容WKWebView，它不正确加载相同的屏幕高度/宽度，相同的代码工作正常使用UIWebView，请参见下面的代码

webView.loadHTMLString(htmlString!, baseURL: nil)

Run Code Online (Sandbox Code Playgroud)

HTML 字符串内容<style type="text/css"> #container { width: 667px; height: 375px; margin: 0 auto } </style>667px 是屏幕高度，375px 是屏幕宽度。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <title>Highcharts Example</title>

            <style type="text/css">
                #container {
                    width: 667px;
                    height: 375px;
                    margin: 0 auto
                }
            </style>
            </head>
    <body>
        <script src="https://code.highcharts.com/highcharts.js"></script>

        <div id="container"></div>


        <script type="text/javascript">

            Highcharts.chart('container', {   
                    //Chart code.
                             });
            </script>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

我能做些什么来解决这个问题？

Answer 1

ish*_*nwa 8

在您的 html 代码之前添加 headerString 并尝试如下所示

let description = "<p> HTML content <p>"
var headerString = "<header><meta name='viewport' content='width=device-width, 
initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'></header>"
headerString.append(description)              
self.webView.loadHTMLString("\(headerString)", baseURL: nil)

Run Code Online (Sandbox Code Playgroud)

归档时间：	6 年，4 月前
查看次数：	2111 次
最近记录：	6 年，4 月前