首页 > 解决方案 > iOS webView 没有使用整个屏幕

问题描述

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

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

在此处输入图像描述

如何使应用程序完全响应?

完整代码:

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
    }



}

标签: iosuiwebviewtabletsmartphone

解决方案


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

在此处输入图像描述


推荐阅读