html - Chrome 中不一致的 CSS "invalid property value"

Question

我正在动态重用的一些 HTML 中有一个拼写错误(因此我无法编辑源代码):https://it.wiktionary.org/wiki/Template:Pagina_principale/Testata2

HTML 是:

<div
    style="border:1px solid #ABCDEF; text-align:center; background-color:#f0f4ff;-moz-border-radius-topleft:1.5em; -moz-border-radius-bottomleft:1.5em;">
    <div style="padding:.8em">
        <h1 style="border:0; padding:0; margin:0; display:inline; font-size:250"><span class="mw-headline"
                id="Benvenuti_nel_Wikizionario"><span style="font-size:135%"><b><a href="/wiki/Aiuto:Benvenuto"
                            title="Aiuto:Benvenuto">Benvenuti nel</a> <a href="/wiki/Wikizionario"
                            title="Wikizionario">Wikizionario</a></b></span></span></h1><br><br><big>il <a
                href="/wiki/dizionario" title="dizionario">dizionario</a> multilingue <a
                href="/wiki/Aiuto:Cosa_vuol_dire_%22libero%22%3F"
                title="Aiuto:Cosa vuol dire &quot;libero&quot;?">libero</a>, in stile <a href="/wiki/wiki"
                title="wiki">wiki</a>!</big>
        <hr>
        <p><b>Oggi è martedì 11 giugno 2019 e al momento abbiamo <a href="/wiki/Speciale:TutteLePagine"
                    title="Speciale:TutteLePagine"><span style="font-size:105%;">465&nbsp;594</span> lemmi</a> e <a
                    href="/wiki/Speciale:Utenti" title="Speciale:Utenti"><span
                        style="font-size:105%;">70&nbsp;103</span> utenti</a>.</b>
        </p>
    </div>
</div>

h1 具有无效的内联样式:font-size:250。正如人们所预料的那样，Chrome 会忽略无效属性并继续:

奇怪的是，当我单独使用 HTML 时(例如，将上面的内容复制粘贴到 html 文件中)，Chrome 会解析并将无效值视为像素值。

我的目标是呈现尽可能与原始 HTML 相似的 HTML，因此我不想修复源代码，而是想让我的呈现器以相同的方式运行。

是否有一些我从未遇到过的 CSS“严格模式”？什么会导致 Chrome 在一个页面而不是另一个页面上应用此属性？

(来源 GitHub 问题:https://github.com/openzim/mwoffliner/issues/717)

Answer 1

Is there some CSS "Strict Mode" I've never come across?

Yes .

缺少 doctype 声明的文档在 Quirks 模式下呈现，该模式模拟了 ~IE5 中出现的许多错误，包括将数字视为像素长度(CSS 规范规定 font-size: 250无效，必须忽略)。