一尘不染

禁止WKWebView缩放内容以使其呈现与UIWebView相同的放大倍数

css

问题

使用WKWebView代替UIWebView,我发现WKWebView与我的相比,的内容大大缩小了UIWebView。我希望WKWebView停止这样做,只照实际方式尊重我的CSS值即可UIWebView

语境

我在本机iOS应用程序中使用网络视图来获取显示信息内容的iPad上的弹出窗口内的内容。能够将其提供给内容和设计人员,并说“只需放入一些HTML内容,引用链接的CSS文件”,真是太好了。

使用时,所有这些都很好用UIWebView

但是弹出窗口通常非常紧凑。

我正在经历

在我狭窄的弹出窗口中,将内容按比例缩小,就像将我的内容缩小到适合整个网页的位置一样。我可以看到WKWebView主要用于在iOS上构建备用浏览器或构建混合应用程序的人们,其中WKWebView本质上是接管屏幕的。

WKWebView中的放大倍数不是可以设置的。当然,用户可以放大,但这不能达到目的。我不是在寻找放大的视口;我正在寻找像UIWebView那样适合和自动换行的全部内容。

使用WKWebView,在模拟器中,如果将正文文本大小增加到50px而不是14px,我将看到所需的大小。但是,此代码甚至在设备上使用时也无济于事,因此也无法选择增大CSS大小!

UIWebView有什么问题?

好吧,什么都没有。在iOS8中(尚未)不推荐使用它,也许b /
c仍然有用,正如我所经历的那样。但是我确实注意到,WKWebView很快。而且我已经看到了一些猜测,认为有关UIWebView的文字写在墙上。我以为:“为什么不现在在iOS8中采用更现代的API?”

因此,我现在暂时继续使用UIWebView,但是如果可以尊重我的CSS大小,我想切换到WKWebView。

这是UIWebView可以很好地呈现的原始CSS,但是popover中的哪个WKWebView可以以非常小的字体呈现:

body {
    font-family: "HelveticaNeue";
    font-size: 15px;
    line-height: 17px;
    color: #000000;
}

h1 {
    font-family: "HelveticaNeue-Bold";
    font-size: 18px;
    line-height: 20px;
    color: #000000;
}


h2 {
    font-family: "HelveticaNeue-Bold";
    font-size: 16px;
    line-height: 18px;
    color: #000000;
}

阅读 978

收藏
2020-05-16

共1个答案

一尘不染

我有同样的问题。我只需要放

<meta name="viewport" content="initial-scale=1.0" />

进入我的标题栏,这对我来说解决了。看起来WKWebView比Mobile Safari更像Mobile Safari
UIWebView,因此如果要控制缩放或常规大小调整,则需要设置视口。

2020-05-16