我正在尝试在 Android(版本 10)上的 Gmail 应用程序中正确显示以下图表。现在我有以下内容,它可以在浏览器和大多数客户端上正确呈现,但在应用程序中却没有。
HTML
<pre>
<code>
14.00 ┤ ╭─╮ |
13.60 ┤ ╭╯ ╰╮ |
13.20 ┤ ╭╯ ╰╮ ╭─ |
12.80 ┤ │ │ ╭╯ |
12.40 ┤ ╭╯ ╰╮ ╭╯ |
12.00 ┤ ╭─╯ ╰─╮ │ |
11.60 ┤ ╭╯ ╰╮ ╭╯ |
11.20 ┤ ╭─╯ ╰──╯ |
10.80 ┤ ╭╯ |
10.40 ┤ ╭╯ |
10.00 ┼───╯ |
</code>
</pre>
CSS
code {
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, Roboto Mono, monospace, monospace
}
编辑:我刚刚注意到这个问题中的图表也没有在浏览器中正确呈现。所以问题就变成了如何在 Android 上触发等宽渲染。