IOS wkwebview响应式设计未满屏

信息:

Xcode 9、SWIFT 4、Ipad pro 12,9 2 gen(但我试过的所有Ipad模拟器都是一样的)

我有一个网络视图,显示一个响应性设计网页。

当我在iPhone模拟器上运行它时,它看起来很不错。并填充整个屏幕。 但当我在Ipad模拟器上运行它时,响应性设计并不认为它是一个大屏幕。 这是通常的设置,如果是小屏幕,菜单是三条水平线,如果是大屏幕,则是导航栏。

因此,即使Web视图占据了iPad的整个屏幕,页面也只占屏幕的四分之一,并且有三行菜单。 如果我在Ipad模拟器上的Safari中打开相同的URL,我会通过导航栏获得正确的布局。

在网页的页眉中,我有这个,一般来说,它在各种设备和浏览器/网络视图上给出了正确的结果,但在iPad(模拟器)上没有

<meta name="viewport" content="width=device-width, initial-scale=1.0">

我发现一些帖子提到我可以使用javascript来扩展它,但它没有任何效果。 当我尝试获取网络视图时。边界。大小宽度,它给了我一个375的值,这显然太小了,然后我尝试手动将其设置为2000,但没有效果。

有人有什么线索吗?

import UIKit
import WebKit
class ViewController: UIViewController {
    @IBOutlet weak var webView: WKWebView!
    override func viewDidLoad() {
        super.viewDidLoad()

        let url = URL(string: "https://mit.gsv.dk")!
        webView.load(URLRequest(url: url))

        var scrw = webView.bounds.size.width

       scrw = 2000
       /*
       let javascript = "document.querySelector('meta[name=viewport]').setAttribute('content', 'width=\(scrw);', false); "
      webView.evaluateJavaScript(javascript)
      */

        var scriptContent = "var meta = document.createElement('meta');"
        scriptContent += "meta.name='viewport';"
        scriptContent += "meta.content='width=device-width';"
        scriptContent += "document.getElementsByTagName('head')[0].appendChild(meta);"

        webView.evaluateJavaScript(scriptContent, completionHandler: nil)

    }
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()

    }
}