从缩放内容中取消WKWebView以与UIWebView相同的放大率进行渲染

问题

使用WKWebView代替UIWebView ,我注意到,与我的UIWebView相比, WKWebView的内容大大缩小了。 我想WKWebView停止这样做,只是从字面上尊重我的CSS值, UIWebView的方式。

上下文

我在我的本地iOS应用程序中使用networking浏览器,浏览iPad中的内容,在iPad上显示信息内容。 能够给内容和devise人员提供这样的信息是非常好的,并且说:“只是放入一些HTML内容,引用链接的CSS文件”。

使用UIWebView时,所有这些工作都非常棒。

但是,弹窗往往是相当紧凑的。

我正在经历的

在我狭窄的popup窗口中,内容被缩小,好像我的内容在整个网页被微型化以适合。 我可以看到,WKWebView主要用于在iOS上构build备用浏览器的人,或者构build混合应用程序,WKWebView本质上是接pipe屏幕。

WKWebView中的放大因子是不能设置的。 当然,用户可以放大,但这样做的目的是失败的。 我不在寻找放大的视口; 我正在寻找整个内容来适应和像UIWebView一样的自动换行。

使用WKWebView,在模拟器中,我会看到我想要的大小,如果我碰撞我的正文文本大小为50px而不是14px。 然而,这个代码在设备上甚至没有帮助,所以膨胀我的CSS尺寸也不是一个选项!

UIWebView有什么错误?

那么,没有什么。 在iOS8中还没有被弃用,或许它还是有用的,就像我正在经历的那样。 但是我注意到,WKWebView很快。 而且我也看到了一些猜测,那就是UIWebView的写作是在墙上。 我想:“为什么不现在采用iOS8中更现代化的API?”

所以,我现在继续使用UIWebView,但我想切换到WKWebView,如果我可以让它尊重我的CSS大小。

这是我的原始CSS,UIWebView很好地呈现,但在popup窗口中的哪个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; } 

我有同样的问题。 我只是不得不放

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

进入我的头块,并为我解决了它。 看起来像WKWebView比UIWebView更像移动Safari,所以你需要设置视口,如果你想控制缩放或一般大小。