Question

我正试图给我的html一个CSS内联样式。但是这种风格会被忽略。

这是我用于webView.loadHTMLString（htmlBelow，baseURL：Bundle.main.bundleURL）的HTML字符串

let fontsize = 16 //这是一个动态变量

<!DOCTYPE html>
<html lang=\"en\">
    <head>
        <meta charset=\"UTF-8\">
        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
        <meta http-equiv=\"X-UA-Compatible\"content=\"ie=edge\">
        <title>Document</title>
        <style>
            html {
                font-size:\(fontsize)px; */THIS DOESN'T WORK/*
            }
        </style>
        <link rel=\"stylesheet\" href=\"\style.css\">
        <script src=\"jquery-3.4.1.min.js\"></script>
        <script src=\"script.js\"></script>
    </head>
    <body>
        <div class=\ "sqr-tree-level\"> \(restOfHtml) </div>
    </body>
</html>

我正在尝试动态设置字体大小。当我更改CSS文件中的字体大小时，它可以工作，但是我想动态设置它。这就是为什么我想这样做。

This is how my document.head.innerHTML looks like

Answer 1

为了将来参考，此处的解决方法是将样式放入<body>标签中，而不是放在头<style>标签中。

<body style=\"font-size:\(fontsize)px;\">

样式标签被uiwebview忽略

1 个答案: