IE11在兼容性模式下忽略字体大小继承

考虑以下代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>CSS test</title>
        <style>
            body {
                font-size: 14px;
            }
            h4 {
                font-size: 1.4em;
            }
            .title {
                font-size: inherit;
            }
        </style>
    </head>
    <body>
        <div>
            <h4>The first header</h4>
            <p>Some text...</p>
        </div>
        <div>
            <h4 class="title">The second header</h4>
            <p>Some more text2...</p>
        </div>
    </body>
</html>

在IE11(或任何其他现代浏览器)中运行此操作将使第二个页眉以与段落文本相同的大小呈现，因为"font-size: inherit"应用于"title"类。

但是，如果我在IE11中以兼容模式运行相同的代码，则第二个头以与第一个头相同的大小呈现。"font-size: inherit"似乎被忽略了。

为什么IE11在兼容模式下会这样?这是预期行为吗?

兼容性视图是IE7的模拟，它不支持inherit关键字(有一些模糊的例外)。对inherit的适当支持仅在IE8中引入，为了确保IE7仿真的准确性，在兼容性视图中不提供这种完全支持。

是的，这是预期的行为

相关内容

最新更新

热门标签：