当前位置: 首页 > 面试题库 >

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

艾安和
2023-03-14
问题内容

问题

使用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;
}

问题答案:

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

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

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



 类似资料:
  • 问题内容: 有谁知道禁用WKWebView中的双击和缩小缩放的简单方法?我没有尝试过的工作: 在html中: 问题答案: 您将必须在脚本中添加最大比例。 以下代码应为您提供帮助:

  • 问题内容: 如何在Selenium WebDriver中更改页面缩放级别?我试过了: 但这是行不通的。 问题答案: 请注意,Selenium假定缩放级别为100%!例如,当缩放级别不同时,IE将拒绝启动(引发异常),因为元素位置取决于此,并且如果更改缩放级别,它将在错误的位置单击错误的元素。 Java 您可以使用以下方法: 请谨慎使用,并在完成后将缩放比例重置为100%: C# (因为我意识到C#

  • 本文向大家介绍如何禁止web端的页面缩放?相关面试题,主要包含被问及如何禁止web端的页面缩放?时的应答技巧和注意事项,需要的朋友参考一下

  • 调整图像大小并保护内容 内容识别缩放可在不更改重要可视内容(如人物、建筑、动物等)的情况下调整图像大小。常规缩放在调整图像大小时会统一影响所有像素,而内容识别缩放主要影响没有重要可视内容的区域中的像素。内容识别缩放可以放大或缩小图像以改善合成效果、适合版面或更改方向。如果要在调整图像大小时使用一些常规缩放,则可以指定内容识别缩放与常规缩放的比例。 如果要在缩放图像时保留特定的区域,内容识别缩放允许

  • 本文向大家介绍如何禁止手机端页面缩放?相关面试题,主要包含被问及如何禁止手机端页面缩放?时的应答技巧和注意事项,需要的朋友参考一下 document.documentElement.addEventListener('touchstart', function (event) { if (event.touches.length > 1) { event.preventDefault(); } }

  • 本文向大家介绍vue h5移动端禁止缩放代码,包括了vue h5移动端禁止缩放代码的使用技巧和注意事项,需要的朋友参考一下 安卓 在index.html里面写 ios 在APP.vue里面写 以上这篇vue h5移动端禁止缩放代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。