Ios WKWebView不考虑宽度=设备宽度_Ios_Wkwebview

Ios WKWebView不考虑宽度=设备宽度

ios

Ios WKWebView不考虑宽度=设备宽度,ios,wkwebview,Ios,Wkwebview,我正在将一个简单的html字符串加载到WKWebView中，我的目标是在该webview中拥有一个全屏图像问题是图像的缩放比例似乎是预期的两倍我只需使用 NSString *html = @"..." // the content [self.webView loadHTMLString:html baseURL:[[NSBundle mainBundle] bundleURL]]; 我期待的图像是全屏的，适合屏幕但我得到的图像似乎是屏幕分辨率的两倍（不是左下角的文本）( 我试着使

我正在将一个简单的html字符串加载到

WKWebView

中，我的目标是在该webview中拥有一个全屏图像

问题是图像的缩放比例似乎是预期的两倍

我只需使用

NSString *html = @"..."  // the content
[self.webView loadHTMLString:html baseURL:[[NSBundle mainBundle] bundleURL]];

我期待的图像是全屏的，适合屏幕

但我得到的图像似乎是屏幕分辨率的两倍（不是左下角的文本）(

我试着使用

初始刻度

和

最大刻度

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

但它不起作用

也不是说这似乎只发生在HTML中base64编码的图像上，而是我需要的

HTML是

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width"/>
</head>

<img src="data:image/png;base64, ...">
<!-- <img src="http://placehold.it/750x1334"> -->
</body>
</html>

我添加了，它正在工作

HTML是：

      <html>
            <head>
                <meta name="viewport"  content="width=device-width, initial-scale=1, maximum-scale=1"/>
                <style>
                    img {
                        width:auto;
                        height:auto;
                        max-width:100%;
                        max-height:90vh;
                    }
                </style>
            </head>
        <body>
<!-- body container -->
        </body>
        </html>


img{
宽度：自动；
高度：自动；
最大宽度：100%；
最大高度：90vh；
}

您可以使用WebView的scaleToFit属性在WebView中设置图像，因此如果图像较大，它将全屏显示，我猜

WKWebView上没有这样的属性。如果您是指UIWebView上有一个ScalePageToFit
，那么我必须使用WKWebView
though@Jan做你找到解决办法了吗？我在同一个问题上遇到了麻烦…如果问题解决了，请告诉我