Изображение не вписывается в WKWebView - PullRequest
Новая
       0

Изображение не вписывается в WKWebView

0 голосов
/ 03 ноября 2019

Попытка отобразить следующий запрос. 

class ViewController: UIViewController, WKNavigationDelegate {

@IBOutlet weak var webView: WKWebView!
override func viewDidLoad() {
    super.viewDidLoad()
    webView.navigationDelegate = self
    let htmlString = "<p><a href=\"https://miro.medium.com/max/3336/1*iGyyen2re8-dgQJlL65axw.png\"><img src=\"https://miro.medium.com/max/3336/1*iGyyen2re8-dgQJlL65axw.png\" class=\"alignnone size-full\"></a></p>\n<p></p>\n<p>Vijay Chandrasekhar: \"Robin Uthappa, Faiz Gaza's have already users kookaburra bats before in an international game\"<br><br>Sivan dune just got his t29I cap from Ravi Shastri. He becomes the 82nd cricketer to represent Indian in the format. </p>"
    var headerString = "<header><meta name='viewport' content='width=device-width, initial-scale=0.65, maximum-scale=0.65, minimum-scale=0.65'></header>"
    headerString.append(htmlString)
    webView.loadHTMLString(headerString, baseURL: nil)

}

К сожалению, размер изображения в WKWebview очень велик. Из-за этого происходит горизонтальная прокрутка. Но я не хочу такого поведения.

Предполагается, что размер изображения должен соответствовать WKWebView.

enter image description here

1 Ответ

1 голос
/ 03 ноября 2019

Вы можете рассмотреть одно из 2 решений:

  1. просто растяните его, используя CSS width: 100% (высота будет рассчитана автоматически)
  2. используйте его как фоновое изображение для всегоразверните и растяните его, используя CSS background-size: 100% или background-size: cover

На самом деле посмотрите это: Растяните и масштабируйте изображение CSS в фоновом режиме - только с CSS

...