[英]Inconsistent CSS “invalid property value” in Chrome
我正在动态重用某些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 "libero"?">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 594</span> lemmi</a> e <a
href="/wiki/Speciale:Utenti" title="Speciale:Utenti"><span
style="font-size:105%;">70 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 )
有没有我从未遇到过的CSS“严格模式”吗?
是的 。
缺少doctype声明的文档以Quirks模式呈现,该模式模仿〜IE5中出现的许多错误,包括将数字视为像素长度(CSS规范指出font-size: 250
无效,必须忽略)。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.