Question

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

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

以下是两个例子。在左边的那个，写得非常小的段落是一个叠瓦的预/代码块，而在右边的图像上，它是一个简单的HTML表。

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

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

我尝试使用CSS规则处理它们......这有效，但每个标记需要不同的规则/字体大小......

知道怎么做吗？

enter image description here

Answer 1

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

默认情况下， -ms-text-size-adjust 是 auto ，IE会用一些算法缩放内容（主要是无法包装的内容，像pre，table等，字体较小）。如果您将 -ms-text-size-adjust 设置为其他值（例如100％，200％），则问题将消失。

Answer 2

我发现解决此问题的另一种方法是使用以下内容设置视口：

<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    ...