IE11忽略字体大小保持兼容模式继承

考虑以下代码：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”应用于“标题”类。

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

为什么IE11在compability模式下的行为如此？这是预期的行为？

来源

2014-03-25 haagel

兼容性视图是对IE7的模拟，它不支持inherit关键字（只有少数几个例外）。适当支持inherit仅在IE8中引入，为确保IE7仿真的准确性，在兼容性视图中不提供此完全支持。

所以是的，这是预期的行为。

来源

2014-03-25 08:47:08 BoltClock

IE11忽略字体大小保持兼容模式继承

回答

相关问题