c# - WebView 组件不以一致的方式处理样式

Question

我开始无法理解 Windows Phone 8.1“WebView”组件如何处理样式。我显示一些非常静态的 HTML，没有什么特别的，我没有设置任何特定的 CSS 样式。

尽管如此，HTML 标签的处理方式似乎有所不同，并且每个标签都以不同的大小显示，有时甚至使用不同的字体。

这里有两个例子。左边那段写得很小的段落是一个叠瓦状的前/代码块，而右边的图片是一个简单的HTML表格。

<pre>
    <code>
    ...
    <code>
</pre>

这个问题发生在很多标签上，例如 ul/li 和 blockquotes 也在做同样的事情。

我试着用一个 CSS 规则来处理它们……这行得通，但是每个标签需要不同的规则/字体大小……

知道怎么做吗？

Answer 1

我遇到了同样的问题。经过几天的调查，我发现 CSS 样式 -ms-text-size-adjust 是原因。

默认情况下，-ms-text-size-adjust是auto，IE会通过某种算法缩放内容(主要是不能换行的内容，如 pre、table 等，字体较小)。如果您将 -ms-text-size-adjust 设置为其他值(如 100%、200%)，问题就会消失。