css - 在现代非 IE 怪癖模式浏览器中覆盖字体大小关键字的含义

Question

我正在重写一个允许用户通过所见即所得编辑器提交 html 片段的网络应用程序。该 Web 应用程序从头开始设计为仅 IE 和 quirksmode。因此，用户提交的 html 在设计时就考虑到了这一点。

例如，一个数据项包含以下html:

<span style="font-size:small">Element name here</span>

在 quirksmode(用户设计它的方式)中错误地呈现为 font-size:medium，但在所有其他浏览器中正确呈现为 font-size:small包括标准模式下的 IE。

我强制 IE 进入标准模式，但我仍然希望应用程序对现有用户看起来一样，所以我正在寻找一种方法来覆盖现代浏览器中的字体大小关键字，以表示它们在 quirksmode 中所做的事情.换句话说，我希望现代浏览器将文本错误地呈现为 font-size:medium。我会将所有当前用户提交的 html 包含在具有“old-user-content”类或类似内容的容器中。

现在我愿意诉诸严厉的黑客手段来完成这项工作。有什么建议吗？

Answer 1

使用媒体查询来做到这一点:

@media { 
       .old-user-content { font-size: medium } 
       }