Html 图像不适合WKWebView

Html 图像不适合WKWebView,html,ios,css,wkwebview,Html,Ios,Css,Wkwebview,正在尝试显示以下请求 class ViewController: UIViewController, WKNavigationDelegate { @IBOutlet weak var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() webView.navigationDelegate = self let htmlString = "<p><a href=\"

正在尝试显示以下请求

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)

}
class ViewController:UIViewController、WKNavigationDelegate{
@ibvar-webView:WKWebView!
重写func viewDidLoad(){
super.viewDidLoad()
webView.navigationDelegate=self
let htmlString=“\n\n维杰·钱德拉塞卡:\“罗宾·乌萨帕,法兹·加扎已经在一场国际比赛中使用过笑翠鸟蝙蝠”

西万·沙丘刚刚从拉维·沙斯特里那里得到了他的t29I帽子。他成为第82名以这种形式代表印第安人的板球运动员。

” var headerString=“” headerString.append(htmlString) webView.loadHTMLString(headerString,baseURL:nil) }
不幸的是,WKWebview中出现的图像大小非常大。正因为如此,出现了水平滚动。但是,我不希望出现这种行为

图像大小应与WKWebView的大小相同


可以考虑2种解决方案之一:

  • 只需使用CSS
    width:100%
    (高度将自动计算)
  • 将其用作整个页面的背景图像,并使用CSS将其拉伸
    背景大小:100%
    背景大小:封面
  • 事实上,你可以看到: