前提・実現したいこと
Xcode: 9.2
iOS:11.2
画面にWKWebViewを配置して、画面全体となるように制約を付けました。
画面を横にした後に縦に戻すと、コンテンツの縦幅が長くなってしまいます。
こちらの解決方法ご存知の方ご教授いただきたいです。
該当のソースコード
swift
1import UIKit 2import WebKit 3 4class ViewController: UIViewController { 5 6 var webView = WKWebView(frame: CGRect.zero) 7 8 override func viewDidLoad() { 9 super.viewDidLoad() 10 11 let html = """ 12<html><head> 13<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2.0, minimum-scale=0.5, viewport-fit=cover"> 14<style> 15 html { 16 padding-top: constant(safe-area-inset-top); 17 padding-bottom: constant(safe-area-inset-bottom); 18 padding-left: constant(safe-area-inset-left); 19 padding-right: constant(safe-area-inset-right); 20 padding-top: env(safe-area-inset-top); 21 padding-bottom: env(safe-area-inset-bottom); 22 padding-left: env(safe-area-inset-left); 23 padding-right: env(safe-area-inset-right); 24 } 25</style> 26</head><body bgcolor="red">hoghoge</body></html> 27""" 28 29 30 self.view.addSubview(self.webView) 31 self.setupView() 32 self.webView.loadHTMLString(html, baseURL: nil) 33 } 34 35 func setupView() { 36 self.webView.translatesAutoresizingMaskIntoConstraints = false 37 self.webView.topAnchor.constraint(equalTo: self.view.topAnchor, constant: 0).isActive = true 38 self.webView.bottomAnchor.constraint(equalTo: self.view.bottomAnchor, constant: 0).isActive = true 39 self.webView.leadingAnchor.constraint(equalTo: self.view.leadingAnchor, constant: 0).isActive = true 40 self.webView.trailingAnchor.constraint(equalTo: self.view.trailingAnchor, constant: 0).isActive = true 41 } 42 43}
補足情報(FW/ツールのバージョンなど)
回転してまた縦に戻した際の画像です。
回転させる前はスクロールしてませんでしたが、縦が長くなりスクロールしてしまうようになってしまいます。(わかりにくくてすみません)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/03/29 11:46