iOS webView 没有使用整个屏幕

Question

我尝试在 webView 应用程序中显示一个完整的响应式 Bootstrap 网站。该应用程序应该只加载我的网站，就像我在智能手机/平板电脑的浏览器中加载网站一样。

但是，该应用在平板电脑上看起来像这样:

如何让应用程序完全响应？

完整代码:

ViewController.swift

import UIKit
import WebKit

class ViewController: UIViewController, WKNavigationDelegate {

    @IBOutlet var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        // 1  The webView loads the url using an URLRequest object.
        let url = URL(string: "https://www.blizz-z.de/")!

        webView.load(URLRequest(url: url))

        // 2  A refresh item is added to the toolbar which will refresh the current webpage.
        let refresh = UIBarButtonItem(
            barButtonSystemItem: .refresh,
            target: webView,
            action: #selector(webView.reload)
        )

        toolbarItems = [refresh]
        navigationController?.isToolbarHidden = true
        navigationController?.isNavigationBarHidden = true

    }

    override func loadView() {
        webView = WKWebView()
        webView.navigationDelegate = self
        view = webView
        let color = UIColor.black;
        self.view.backgroundColor = color
    }

    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        title = webView.title
    }



}

Answer 1

你的代码没有问题。
切换到 Xcode 中的目标设置，在“部署目标”部分的“常规”选项卡上，将“设备”切换为“通用”。
如果您没有添加，还要添加“Launch Screen.storyboard”。