Html 在WKWebView上禁用字体缩放_Html_Ios_Css_Wkwebview

Html 在WKWebView上禁用字体缩放

html ios css

Html 在WKWebView上禁用字体缩放,html,ios,css,wkwebview,Html,Ios,Css,Wkwebview,我想在iOS上使用WKWebView，它总是以我指定的确切字体大小显示文本，例如12px。但是我无法找到一种方法阻止它根据许多不同的变量来缩放字体，包括设备的方向和HTML中的内容我在“viewport”HTML标记中尝试了许多不同的参数组合，比如设置恒定宽度，以及将初始、最小和最大比例设置为不同的值。所有这些都不能阻止web视图以特定于上下文的方式更改字体下面是一些示例Swift代码，说明了我所看到的： import UIKit import WebKit class ViewContr

我想在iOS上使用WKWebView，它总是以我指定的确切字体大小显示文本，例如12px。但是我无法找到一种方法阻止它根据许多不同的变量来缩放字体，包括设备的方向和HTML中的内容

我在“viewport”HTML标记中尝试了许多不同的参数组合，比如设置恒定宽度，以及将初始、最小和最大比例设置为不同的值。所有这些都不能阻止web视图以特定于上下文的方式更改字体

下面是一些示例Swift代码，说明了我所看到的：

import UIKit
import WebKit

class ViewController: UIViewController {

    @IBOutlet var webView: WKWebView!
    @IBOutlet var webView2: WKWebView!

    override func viewDidLoad()
    {
        super.viewDidLoad()

        let htmlFormatString = "<!DOCTYPE html><html><head><meta name=\"viewport\" content=\"initial-scale=1.0 minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\"/><style type=\"text/css\">p {font-size: 12px;}</style></head><body>%(body)</body></html>"

        let htmlTest1 = htmlFormatString.replacingOccurrences(of: "%(body)", with: "<p>Test paragraph 1.")

        webView.loadHTMLString(htmlTest1, baseURL: URL(string: "http:"))

        let htmlTest2 = htmlFormatString.replacingOccurrences(of: "%(body)", with: "<p>Test paragraph 1.<p>Test paragraph 2.")

        webView2.loadHTMLString(htmlTest2, baseURL: URL(string: "http:"))
    }
}

导入UIKit
导入WebKit
类ViewController:UIViewController{
@ibvar-webView:WKWebView！
@IBOutlet var webview 2:WKWebView！
重写func viewDidLoad（）
{
super.viewDidLoad（）
让htmlFormatString=“p{font size:12px；}%（正文）”
设htmlTest1=htmlFormatString.replacingOccurrences（of:“%（body）”，带“测试段落1”。）
loadHTMLString（htmlTest1，baseURL:URL（字符串：“http:”））
设htmlTest2=htmlFormatString.replacingOccurrences（of:“%（body）”，带“测试段落1.测试段落2”。）
webView2.loadHTMLString（htmlTest2，baseURL:URL（字符串：“http:”））
}
}

我刚刚设置了一个带有两个web视图的故事板，一个绑定到视图的上半部分，另一个绑定到下半部分

如果在模拟机上以纵向模式运行，则两种模式中的内容将以相同的比例显示。但如果旋转到横向，底部web视图的字体明显大于顶部。通过实验，我确定当HTML中有两个“p”标记时，字体会变大。只有一个“p”时，字体较小。我不明白这是想实现什么，因为如果有什么，因为底部的web视图中有更多的文本，我希望它可以缩小。不管怎样，我都不想让它扩大规模。我的设计师要求它总是以12px的速度绘制

即使从HTML中完全删除“head”，也可以看到这一点，因此没有视口或样式。

尝试在css中添加：

body {
  -webkit-text-size-adjust: none;
}