gpt4 book ai didi

ios - "loadHTMLString"WKWebView 的高度宽度问题

转载 作者:行者123 更新时间:2023-11-29 05:34:19 25 4
gpt4 key购买 nike

我正在尝试将 HTML 内容加载到 WKWebView ,它无法正确加载与屏幕高度/宽度相同的代码,相同的代码可以正常使用 UIWebView ,见如下代码

webView.loadHTMLString(htmlString!, baseURL: nil)

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>

我该如何解决这个问题?

enter image description here

最佳答案

在 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)

关于ios - "loadHTMLString"WKWebView 的高度宽度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57199648/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com